nelle-observer/public/styles/css/color-scheme.css

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

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

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

        --glitch-1: ;
        --glitch-2: ;
        --glitch-3: ;

        --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;
        --alt-accent: #53e62e;

        --content-gradient: linear-gradient(to bottom right, var(--primary-950), var(--secondary-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);

        --glitch-1: var(--accent);
        --glitch-2: var(--accent-500);
        --glitch-3: var(--accent-300);

        --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;
    }
}