:root {
    --alt-accent: #60fe35;

    --glitch-1: var(--alt-accent-600);
    --glitch-2: var(--alt-accent-700);
    --glitch-3: var(--alt-accent-800);

    --alt-accent-50: #ebffe6;
    --alt-accent-100: #d7ffcc;
    --alt-accent-200: #affe9a;
    --alt-accent-300: #88fe67;
    --alt-accent-400: #60fe34;
    --alt-accent-500: #38fe01;
    --alt-accent-600: #2dcb01;
    --alt-accent-700: #229801;
    --alt-accent-800: #166501;
    --alt-accent-900: #0b3300;
    --alt-accent-950: #061900;
}

.glitch {
    color: var(--alt-accent-900);
    background-color: rgba(0, 0, 0, 0.233);;
}

@media (prefers-color-scheme: light) {
    :root {
        --text: #191209;
        --background: var(--background-100);
        --primary: #dd9339;
        --secondary: #f2bb78;
        --accent: #ffa941;

        --content-gradient: linear-gradient(to bottom right, var(--primary-200), var(--secondary-600));
        --accent-gradient: linear-gradient(to bottom right, var(--primary-200), var(--secondary-800) 30%, var(--text-500) 60%);

        --link: var(--accent-700);
        --visited: var(--accent-800);
        --hover: var(--accent-900);

        --text-50: #f8f3ec;
        --text-100: #f1e7da;
        --text-200: #e4cfb4;
        --text-300: #d6b78f;
        --text-400: #c99f69;
        --text-500: #bb8744;
        --text-600: #966c36;
        --text-700: #705129;
        --text-800: #4b361b;
        --text-900: #251b0e;
        --text-950: #130e07;

        --background-50: #faf4eb;
        --background-100: #f5e8d6;
        --background-200: #ebd1ad;
        --background-300: #e0ba85;
        --background-400: #d6a35c;
        --background-500: #cc8c33;
        --background-600: #a37029;
        --background-700: #7a541f;
        --background-800: #523814;
        --background-900: #291c0a;
        --background-950: #140e05;

        --primary-50: #fbf3e9;
        --primary-100: #f8e7d3;
        --primary-200: #f0d0a8;
        --primary-300: #e9b87c;
        --primary-400: #e1a051;
        --primary-500: #da8925;
        --primary-600: #ae6d1e;
        --primary-700: #835216;
        --primary-800: #57370f;
        --primary-900: #2c1b07;
        --primary-950: #160e04;

        --secondary-50: #fdf3e8;
        --secondary-100: #fae8d1;
        --secondary-200: #f6d0a2;
        --secondary-300: #f1b974;
        --secondary-400: #eda145;
        --secondary-500: #e88a17;
        --secondary-600: #ba6e12;
        --secondary-700: #8b530e;
        --secondary-800: #5d3709;
        --secondary-900: #2e1c05;
        --secondary-950: #170e02;

        --accent-50: #fff4e5;
        --accent-100: #ffe8cc;
        --accent-200: #ffd199;
        --accent-300: #ffba66;
        --accent-400: #ffa333;
        --accent-500: #ff8c00;
        --accent-600: #cc7000;
        --accent-700: #995400;
        --accent-800: #663800;
        --accent-900: #331c00;
        --accent-950: #1a0e00;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --text: #f2ede7;
        --background: var(--background-950);
        --primary: #d7bfa2;
        --secondary: #76552e;
        --accent: #ffa941;

        --content-gradient: linear-gradient(to bottom right, var(--secondary-800), var(--primary-900));
        --accent-gradient: linear-gradient(to bottom right, var(--accent), var(--accent-200) 30%, var(--text) 60%);

        --link: var(--accent-300);
        --visited: var(--accent-400);
        --hover: var(--accent-500);

        --text-50: #f6f3ee;
        --text-100: #ede6de;
        --text-200: #dbcebd;
        --text-300: #c9b59c;
        --text-400: #b89c7a;
        --text-500: #a68359;
        --text-600: #856947;
        --text-700: #634f36;
        --text-800: #423524;
        --text-900: #211a12;
        --text-950: #110d09;

        --background-50: #f7f3ee;
        --background-100: #efe7dc;
        --background-200: #dfcfb9;
        --background-300: #cfb696;
        --background-400: #bf9e73;
        --background-500: #af8650;
        --background-600: #8c6b40;
        --background-700: #695030;
        --background-800: #463620;
        --background-900: #231b10;
        --background-950: #110d08;

        --primary-50: #f7f3ed;
        --primary-100: #f0e7db;
        --primary-200: #e0ceb8;
        --primary-300: #d1b694;
        --primary-400: #c29d70;
        --primary-500: #b3854d;
        --primary-600: #8f6a3d;
        --primary-700: #6b502e;
        --primary-800: #47351f;
        --primary-900: #241b0f;
        --primary-950: #120d08;

        --secondary-50: #f8f3ed;
        --secondary-100: #f1e7da;
        --secondary-200: #e2ceb6;
        --secondary-300: #d4b691;
        --secondary-400: #c69d6c;
        --secondary-500: #b88547;
        --secondary-600: #936a39;
        --secondary-700: #6e502b;
        --secondary-800: #49351d;
        --secondary-900: #251b0e;
        --secondary-950: #120d07;

        --accent-50: #fff4e5;
        --accent-100: #ffe8cc;
        --accent-200: #ffd199;
        --accent-300: #ffba66;
        --accent-400: #ffa333;
        --accent-500: #ff8c00;
        --accent-600: #cc7000;
        --accent-700: #995400;
        --accent-800: #663800;
        --accent-900: #331c00;
        --accent-950: #1a0e00;
    }
}