:root,
:root[data-theme="light"] {
    --home-glow-blue: #4169e1;
    --landing-preset-gray: var(--theme-fixed-8b9098);
    --landing-preset-blue-gray: var(--theme-fixed-465a67);
    --landing-preset-red: var(--theme-fixed-8b5056);
    --landing-preset-copper: var(--theme-fixed-98704b);
    --landing-preset-gold: var(--theme-fixed-ad8942);
    --landing-preset-green: var(--theme-fixed-4e7e66);
    --landing-preset-petrol: var(--theme-fixed-4f8580);
    --landing-preset-turquoise: var(--theme-fixed-4b8191);
    --landing-preset-blue: var(--theme-fixed-4f6d9b);
    --landing-preset-violet: var(--theme-fixed-6b548a);
    color-scheme: light;
    --landing-browser-theme-color: var(--theme-fixed-ffffff);
    --page: var(--theme-fixed-ffffff);
    --surface: var(--theme-fixed-ffffff);
    --surface-raised: var(--theme-fixed-f6f8fc);
    --surface-soft: var(--theme-fixed-edf1f7);
    --input: var(--theme-fixed-f3f6fa);
    --text: var(--theme-fixed-11141b);
    --text-soft: var(--theme-fixed-303746);
    --muted: var(--theme-fixed-697184);
    --faint: var(--theme-fixed-8a92a3);
    --line: var(--theme-fixed-0f172a-a120);
    --line-faint: var(--theme-fixed-0f172a-a075);
    --line-strong: var(--theme-fixed-0f172a-a200);
    --blue: var(--fjord-user-accent, #62666d);
    --blue-strong: color-mix(in srgb, var(--blue) 82%, black);
    --blue-line: color-mix(in srgb, var(--blue) 40%, transparent);
    --blue-bright: color-mix(in srgb, var(--blue) 78%, black);
    --blue-soft: color-mix(in srgb, var(--blue) 9%, transparent);
    --green: var(--theme-fixed-48d597);
    --amber: var(--theme-fixed-f2bd65);
    --red: var(--theme-fixed-f47b82);
    --shadow: 0 30px 90px var(--theme-fixed-20304e-a140);
    --header-glass: var(--theme-fixed-ffffff-a840);
    --menu-glass: var(--theme-fixed-ffffff-a980);
    --window-bg: var(--theme-fixed-ffffff);
    --window-bar-bg: var(--theme-fixed-f5f7fb-a960);
    --preview-sidebar-bg: var(--theme-fixed-f7f9fc);
    --preview-main-a: var(--theme-fixed-ffffff);
    --preview-main-b: var(--theme-fixed-ffffff);
    --discord-preview-bg: var(--theme-fixed-f6f8fb);
    --skeleton-strong: var(--theme-fixed-11141b-a140);
    --skeleton-medium: var(--theme-fixed-11141b-a110);
    --skeleton-soft: var(--theme-fixed-11141b-a065);
    --panel-tint: var(--theme-fixed-11141b-a018);
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --landing-browser-theme-color: var(--theme-fixed-000000);
    --page: var(--theme-fixed-000000);
    --surface: var(--theme-fixed-101010);
    --surface-raised: var(--theme-fixed-171717);
    --surface-soft: var(--theme-fixed-202020);
    --input: var(--theme-fixed-0c0c0c);
    --text: var(--theme-fixed-f4f4f7);
    --text-soft: var(--theme-fixed-c7c8d2);
    --muted: var(--theme-fixed-8c8f9f);
    --faint: var(--theme-fixed-666a79);
    --line: var(--theme-fixed-ffffff-a100);
    --line-faint: var(--theme-fixed-ffffff-a070);
    --line-strong: var(--theme-fixed-ffffff-a170);
    --blue: var(--fjord-user-accent, #8b9098);
    --blue-strong: color-mix(in srgb, var(--blue) 82%, black);
    --blue-line: color-mix(in srgb, var(--blue) 52%, transparent);
    --blue-bright: color-mix(in srgb, var(--blue) 68%, white);
    --blue-soft: color-mix(in srgb, var(--blue) 10%, transparent);
    --green: var(--theme-fixed-48d597);
    --amber: var(--theme-fixed-f2bd65);
    --red: var(--theme-fixed-f47b82);
    --shadow: 0 30px 90px var(--theme-fixed-000000-a440);
    --header-glass: var(--theme-fixed-050505-a840);
    --menu-glass: var(--theme-fixed-101010-a980);
    --window-bg: var(--theme-fixed-0b0b0b);
    --window-bar-bg: var(--theme-fixed-171717-a760);
    --preview-sidebar-bg: var(--theme-fixed-0d0d0d);
    --preview-main-a: var(--theme-fixed-0b0b0b);
    --preview-main-b: var(--theme-fixed-080808);
    --discord-preview-bg: var(--theme-fixed-0b0b0b);
    --skeleton-strong: var(--theme-fixed-ffffff-a130);
    --skeleton-medium: var(--theme-fixed-ffffff-a100);
    --skeleton-soft: var(--theme-fixed-ffffff-a055);
    --panel-tint: var(--theme-fixed-ffffff-a012);
}