:root {
    /* Core */
    color-scheme: dark;
    --text: #CECFD2;
    --text-alt: #898b92;
    --link: #669DF1;
    --link-visited: #D8A0F7;
    --border: #272735;
    --weblutions: #0c4c6e;
    --transparent: transparent;
    --text-white: #FFFFFF;
    --text-black: #000000;

    --bg: #17161d;
    --bg-hovered: #242528; /* Not set */
    --bg-pressed: #2B2C2F; /* Not set */
    --bg-overlay: #201f27;
    --bg-overlay-hovered: #303134; /* Not set */
    --bg-overlay-pressed: #3D3F43; /* Not set */
    --bg-raised: #1c1b22;
    --bg-raised-hovered: #201f25;
    --bg-raised-pressed: #27262e;
    --bg-sunken: #18191A; /* Not set */

    /* Selected */
    --icon-selected: #669DF1;
    --text-selected: #669DF1;
    --bg-selected: #1C2B42;
    --bg-selected-hovered: #123263;
    --bg-selected-pressed: #1558BC;
    --bg-selected-bold: #669DF1;

    /* Panels */
    --icon-danger: #F15B50;
    --icon-warning: #FBC828;
    --icon-success: #82B536;
    --icon-note: #BF63F3;
    --icon-info: #4688EC;
    --panel-bg-danger: #42221F;
    --panel-bg-danger-hovered: #5D1F1A;
    --panel-bg-warning: #3A2C1F;
    --panel-bg-warning-hovered: #693200;
    --panel-bg-success: #28311B;
    --panel-bg-success-hovered: #37471F;
    --panel-bg-note: #35243F;
    --panel-bg-note-hovered: #48245D;
    --panel-bg-info: #1C2B42;
    --panel-bg-info-hovered: #123263;

    /* --panel-danger: #FD9891;
    --panel-warning: #FBC828;
    --panel-success: #B3DF72;
    --panel-note: #D8A0F7;
    --panel-info: #8FB8F6; */

    /* Brand */
    --brand-text: #9d4edd;
    --brand-bg: #0e0b20;
    --brand-bg-overlay: #5a199b;
    --brand-border: #5a199b;

    /* hljs */
    --hlComment: #5c6370; /* LIGHT: b6b6b6, DARK: 5c6370 */
    --hlString: #98c379; /* LIGHT: b6b6b6, DARK: 98c379 */
    --hlvar: #e06c75; /* LIGHT: b6b6b6, DARK: e06c75 */
    --hlconst: #e6c07b; /* LIGHT: b6b6b6, DARK: e6c07b */
    --hlkeyword: #c678dd; /* LIGHT: b6b6b6, DARK: c678dd */
    --hlattr: #d19a66; /* LIGHT: b6b6b6, DARK: d19a66 */
    --hltitle: #61aeee;  /* LIGHT: b6b6b6, DARK: 61aeee */

    /* Writing Text Colors */
    --color-shade-1: var(--text);
    --color-shade-2: #7e8188;
    --color-shade-3: #1f1f21;
    --color-blue-1: #8eb8f6;
    --color-blue-2: #4788ec;
    --color-blue-3: #123263;
    --color-teal-1: #9cd9ee;
    --color-teal-2: #42b2d7;
    --color-teal-3: #164555;
    --color-green-1: #7de2b8;
    --color-green-2: #2abc7e;
    --color-green-3: #164c35;
    --color-orange-1: #f6890a;
    --color-orange-2: #9e4c00;
    --color-orange-3: #533f04;
    --color-red-1: #fd9890;
    --color-red-2: #e2483e;
    --color-red-3: #5c1f1a;
    --color-purple-1: #d9a1f5;
    --color-purple-2: #bf63f2;
    --color-purple-3: #47245c;

    /* Writing Highlight Colors */
    --highlight-gray: #4c4d51;
    --highlight-blue: #164555;
    --highlight-green: #374720;
    --highlight-yellow: #533f04;
    --highlight-pink: #502540;
    --highlight-purple: #47245c;
}