:root,
:root[data-palette="ledger"] {
  color-scheme: light;
  --bg: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #eef1f6;
  --surface-3: #e3e8f0;
  --ink: #111420;
  --ink-2: #3b4152;
  --muted: #5d6478;
  --faint: #646b7d;
  --line: #e2e6ee;
  --line-2: #ccd3e0;
  --accent: #3a4fa4;
  --accent-2: #6b7ec9;
  --accent-soft: #e7eaf7;
  --accent-ink: #2f4090;
  --on-accent: #ffffff;
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 17, 20, 32;
}

@media screen {
  :root:not([data-palette])[data-theme="dark"],
  :root[data-palette="ledger"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0c0e13;
    --surface: #151821;
    --surface-2: #1c2029;
    --surface-3: #252b36;
    --ink: #e7eaf2;
    --ink-2: #b6bdcc;
    --muted: #8a91a3;
    --faint: #848b9b;
    --line: #242935;
    --line-2: #333a49;
    --accent: #8b9bec;
    --accent-2: #5d6db8;
    --accent-soft: #1b2140;
    --accent-ink: #a6b3f2;
    --on-accent: #0c0e13;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 231, 234, 242;
  }
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-palette]):not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0c0e13;
    --surface: #151821;
    --surface-2: #1c2029;
    --surface-3: #252b36;
    --ink: #e7eaf2;
    --ink-2: #b6bdcc;
    --muted: #8a91a3;
    --faint: #848b9b;
    --line: #242935;
    --line-2: #333a49;
    --accent: #8b9bec;
    --accent-2: #5d6db8;
    --accent-soft: #1b2140;
    --accent-ink: #a6b3f2;
    --on-accent: #0c0e13;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 231, 234, 242;
  }
}

:root[data-palette="graphite"] {
  color-scheme: light;
  --bg: #f5f6f7;   
  --surface: #ffffff;   
  --surface-2: #f0f1f2;   
  --surface-3: #e7e8ea;   
  --ink: #131518;   
  --ink-2: #3f4247;   
  --muted: #62656b;   
  --faint: #696b71;   
  --line: #e5e6e8;   
  --line-2: #d1d3d7;   
  --accent: #475877;   
  --accent-2: #7584a0;   
  --accent-soft: #e8ebf0;   
  --accent-ink: #394966;   
  --on-accent: #ffffff;   
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 19, 21, 24;
}

@media screen {
  :root[data-palette="graphite"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0d0e10;   
    --surface: #17181b;   
    --surface-2: #1f2023;   
    --surface-3: #292b2e;   
    --ink: #e9eaec;   
    --ink-2: #bbbdc2;   
    --muted: #8f9197;   
    --faint: #898b90;   
    --line: #27292d;   
    --line-2: #383a3f;   
    --accent: #8fa2c5;   
    --accent-2: #627493;   
    --accent-soft: #1d2431;   
    --accent-ink: #a9b8d3;   
    --on-accent: #0d0e10;   
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 233, 234, 236;
  }
}

:root[data-palette="harbour"] {
  color-scheme: light;
  --bg: #f2f7f8;   
  --surface: #ffffff;   
  --surface-2: #ebf2f4;   
  --surface-3: #deeaed;   
  --ink: #04181c;   
  --ink-2: #2c464c;   
  --muted: #4c6a71;   
  --faint: #557176;   
  --line: #dde8eb;   
  --line-2: #c3d7db;   
  --accent: #00636e;   
  --accent-2: #2693a1;   
  --accent-soft: #e0eef0;   
  --accent-ink: #00535d;   
  --on-accent: #ffffff;   
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 4, 24, 28;
}

@media screen {
  :root[data-palette="harbour"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #081011;   
    --surface: #0d1b1e;   
    --surface-2: #152326;   
    --surface-3: #1c2e32;   
    --ink: #e2ecef;   
    --ink-2: #abc2c7;   
    --muted: #7c979c;   
    --faint: #799095;   
    --line: #1a2d30;   
    --line-2: #273e43;   
    --accent: #26b5c7;   
    --accent-2: #008290;   
    --accent-soft: #002a2f;   
    --accent-ink: #6ec7d5;   
    --on-accent: #081011;   
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 226, 236, 239;
  }
}

:root[data-palette="cyanotype"] {
  color-scheme: light;
  --bg: #eff7fe;   
  --surface: #ffffff;   
  --surface-2: #e8f2fd;   
  --surface-3: #d9eafd;   
  --ink: #00152c;   
  --ink-2: #1d4469;   
  --muted: #3c6894;   
  --faint: #476e97;   
  --line: #d7e8fb;   
  --line-2: #bad6f4;   
  --accent: #005a98;   
  --accent-2: #4188c8;   
  --accent-soft: #e1ecf7;   
  --accent-ink: #004c80;   
  --on-accent: #ffffff;   
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 0, 21, 44;
}

@media screen {
  :root[data-palette="cyanotype"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #050f1a;   
    --surface: #05192d;   
    --surface-2: #0d2136;   
    --surface-3: #122c46;   
    --ink: #dcecfd;   
    --ink-2: #a0c1e3;   
    --muted: #6f95bd;   
    --faint: #6d8eb1;   
    --line: #0f2b45;   
    --line-2: #183c5e;   
    --accent: #4da7f7;   
    --accent-2: #1477c1;   
    --accent-soft: #002544;   
    --accent-ink: #7dbdfb;   
    --on-accent: #050f1a;   
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 220, 236, 253;
  }
}

:root[data-palette="plum"] {
  color-scheme: light;
  --bg: #f6f5f9;   
  --surface: #ffffff;   
  --surface-2: #f2f0f5;   
  --surface-3: #eae6ef;   
  --ink: #18111f;   
  --ink-2: #463d50;   
  --muted: #696076;   
  --faint: #6f677b;   
  --line: #e8e4ed;   
  --line-2: #d6cfdf;   
  --accent: #624298;   
  --accent-2: #8c74be;   
  --accent-soft: #ece9f5;   
  --accent-ink: #533485;   
  --on-accent: #ffffff;   
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 24, 17, 31;
}

@media screen {
  :root[data-palette="plum"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f0d12;   
    --surface: #1a1620;   
    --surface-2: #221e28;   
    --surface-3: #2e2835;   
    --ink: #ece8f1;   
    --ink-2: #c1b9cb;   
    --muted: #958da1;   
    --faint: #8f8799;   
    --line: #2c2633;   
    --line-2: #3e3647;   
    --accent: #ac8eea;   
    --accent-2: #7d60b6;   
    --accent-soft: #281c3f;   
    --accent-ink: #bfa9f1;   
    --on-accent: #0f0d12;   
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 236, 232, 241;
  }
}

:root[data-palette="mulberry"] {
  color-scheme: light;
  --bg: #f8f4f7;   
  --surface: #ffffff;   
  --surface-2: #f4eff3;   
  --surface-3: #ede5eb;   
  --ink: #1c1019;   
  --ink-2: #4c3c48;   
  --muted: #715e6c;   
  --faint: #776572;   
  --line: #ebe3e9;   
  --line-2: #dbced8;   
  --accent: #853371;   
  --accent-2: #ae689b;   
  --accent-soft: #f3e7ef;   
  --accent-ink: #732661;   
  --on-accent: #ffffff;   
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 28, 16, 25;
}

@media screen {
  :root[data-palette="mulberry"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #110c10;   
    --surface: #1e151c;   
    --surface-2: #261d24;   
    --surface-3: #32272f;   
    --ink: #efe7ed;   
    --ink-2: #c7b8c3;   
    --muted: #9d8b98;   
    --faint: #958691;   
    --line: #30252e;   
    --line-2: #433540;   
    --accent: #d77fbf;   
    --accent-2: #a3518e;   
    --accent-soft: #38152f;   
    --accent-ink: #e39ece;   
    --on-accent: #110c10;   
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 239, 231, 237;
  }
}

:root[data-palette="almanac"] {
  color-scheme: light;
  --bg: #fef4eb;   
  --surface: #ffffff;   
  --surface-2: #f3f0ed;   
  --surface-3: #ece7e3;   
  --ink: #1b130b;   
  --ink-2: #4a3f36;   
  --muted: #6f6257;   
  --faint: #75695f;   
  --line: #ede4dd;   
  --line-2: #ded0c4;   
  --accent: #424ea0;   
  --accent-2: #6f7ec5;   
  --accent-soft: #e7eaf7;   
  --accent-ink: #363f8c;   
  --on-accent: #ffffff;   
  --shadow: 0 1px 2px rgba(var(--ink-rgb), 0.05), 0 8px 24px rgba(var(--ink-rgb), 0.05);
  --drawer-shadow: -8px 0 40px rgba(var(--ink-rgb), 0.13);
  --ink-rgb: 27, 19, 11;
}

@media screen {
  :root[data-palette="almanac"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #120d09;   
    --surface: #1b1815;   
    --surface-2: #231f1c;   
    --surface-3: #2f2a25;   
    --ink: #f0e9e2;   
    --ink-2: #c6bbb2;   
    --muted: #9c8f84;   
    --faint: #94897f;   
    --line: #302720;   
    --line-2: #43382e;   
    --accent: #889af3;   
    --accent-2: #5d6bbe;   
    --accent-soft: #1b2043;   
    --accent-ink: #a3b3f8;   
    --on-accent: #120d09;   
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --drawer-shadow: -8px 0 40px rgba(0, 0, 0, 0.5);
    --ink-rgb: 240, 233, 226;
  }
}