:root {
    --clrs-none: #00000000;
    --none: #00000000;

    /* pastel */
    --clrs-pastel-blue: #82aaff;
    --clrs-pastel-cyan: #89ddff;
    --clrs-pastel-green: #c3e88d;
    --clrs-pastel-magenta: #c792ea;
    --clrs-pastel-red: #f07178;
    --clrs-pastel-orange: #F78C6C;
    --clrs-pastel-yellow: #ffcb6b;

    /* neon */
    --clrs-neon-mint: #00FF90;
    --clrs-neon-green: #3cff00;

    /* basic */
    --clrs-basic-red: #ff0000;
    --clrs-basic-orange: #ff5e00;
    --clrs-basic-yellow: #FFdd00;
    --clrs-basic-green: #00ff00;
    --clrs-basic-blue: #008cff;
    --clrs-basic-purple: #740dce;

    /* theme changeables */

    --bg-primary: #1a1a1a;
    --bg-secondary: #2a2a2a;
    --bg-highlight: #3a3a3a;
    --bg-highlight-secondary: #00000088;
    --bg-under: #000000bd;

    --text-primary: #b0bec5;
    --text-highlight: #fff;
    --text-secondary: #8a969c;
    --text-link: #c792ea;
    --text-link-hover: #fc6450;

    --border: #333;

    --scrollbar: #ffb74d var(--bg-primary) !important;


    --accent-primary: #ffb74d;
    --accent-secondary: #57f8b8;
    --accent-tertiary: #90caf9;
    --accent-four: #ab9cdc;
    --accent-five: #f07178;
    --accent-six: var(--text-primary);

    --user-select-txt: var(--bg-primary);
    --user-select-bg: var(--accent-primary);

    --alert-note: var(--clrs-pastel-blue);
    --alert-tip: var(--clrs-pastel-green);
    --alert-important: var(--clrs-pastel-magenta);
    --alert-warning: var(--clrs-pastel-orange);
    --alert-caution: var(--clrs-pastel-red);

    --blockquote-border: #90caf9;

    --code: #ffb74d;
    --code-bg: #3a3a3a;
    --table-head: var(--bg-highlight);
    --table-even: #1f1f1f;

    --mark-text: var(--clrs-neon-green);
    --mark-bg: #000;

    --enable: #57f8b8;
    --disable: #f07178;

    --navbar-dropdown-hover: var(--accent-secondary);
    --navbar-address-hover: var(--accent-secondary);
    --navbar-address-hover-text: #fff;
    --sidebar-parent: var(--accent-tertiary);
    --sidebar-active: var(--accent-five);
    --sidebar-hover: var(--accent-four);

    --glow-text: 0 0 20px #fff, 0 0 40px var(--accent-secondary), 0 0 20px var(--accent-tertiary);
    --glow: 0 0 5px #fff, 0 0 40px var(--accent-secondary);

    --glow-button: var(--clrs-neon-green);
}