






















:root,
:root[data-palette="kiln"],
.td[data-display-theme="light"],
[data-palette="kiln"] .td[data-display-theme="light"] {
  color-scheme: light;
  --bg: #f2ece3;
  --surface: #fffdf9;
  --surface-2: #f8f3ea;
  --ink: #241f1a;
  --ink-2: #4d453c;
  --muted: #5c5348;
  --faint: #6e6458;
  --line: #e0d7c8;
  --line-2: #cec2ae;
  --accent: #b0552b;
  --accent-ink: #8c3f1a;
  --accent-soft: #fbe3d4;
  --accent-press: #964723;
  --on-accent: #fffaf5;
  --on-ink: #fdfaf5;
  --hover: #f4eee4;
  --quiet: #ece5da;
  --mo: #4d453c;   
  --edge: #958a7b;   
  --rowline: #eee8de;   
  --row-hover: #faf3ed;   
  --row-hover-soft: #fdf8f3;   
  --row-hover-2: #f6ebe2;   
  --track: #ddd8cf;   
  --track-2: #d3cdc5;   
  --track-off: #c9c3bb;   
  --refl: #f3e8dd;   
  --refl-q: #6e5342;   
  --pri: #b0552b;   
  --on-pri: #fffaf5;   
  --pri-press: #964723;
  --me-lv0: #ece5da;
  --me-lv1: #f6e3d6;
  --me-lv2: #eec6ae;
  --me-lv3: #dd9166;
  --me-lv4: #b85e2e;
  --late: #b33830;
  --late-soft: #fbe8e4;
  --font-scale: 1.034;
  --font-display-scale: 0.999;
  --font-display: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
  --font-ui: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.12);
  --bg-rgb: 242, 236, 227;
  --surface-rgb: 255, 253, 249;
  --surface-2-rgb: 248, 243, 234;
  --ink-rgb: 36, 31, 26;
  --accent-rgb: 176, 85, 43;
  --on-accent-rgb: 255, 250, 245;
}

@media screen {
  :root:not([data-palette])[data-theme="dark"],
  :root[data-palette="kiln"][data-theme="dark"],
  .td[data-display-theme="dark"],
  [data-palette="kiln"] .td[data-display-theme="dark"] {
    color-scheme: dark;
    --bg: #131211;
    --surface: #252322;
    --surface-2: #191817;
    --ink: #efedea;
    --ink-2: #d0ccc7;
    --muted: #aca7a1;
    --faint: #95918b;
    --line: #37342f;
    --line-2: #48443e;
    --accent: #e07f4a;
    --accent-ink: #f7b48c;
    --accent-soft: #3a2c22;
    --accent-press: #ff9155;
    --on-accent: #241610;
    --on-ink: #181716;
    --hover: #2c2926;
    --quiet: #1c1a18;
    --mo: #aca7a1;   
    --edge: #7a7670;   
    --rowline: #2f2c29;   
    --row-hover: #382c26;   
    --row-hover-soft: #2e2824;   
    --row-hover-2: #473429;   
    --track: #302e2d;   
    --track-2: #3b3938;   
    --track-off: #1c1a18;   
    --refl: #2b211c;   
    --refl-q: #b79e8e;   
    --pri: #e07f4a;   
    --on-pri: #241610;   
    --pri-press: #ff9155;
    --me-lv0: #1c1a18;
    --me-lv1: #2d2724;
    --me-lv2: #4f382b;
    --me-lv3: #8a5330;
    --me-lv4: #e07f4a;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.034;
    --font-display-scale: 0.999;
    --font-display: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
    --font-ui: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 19, 18, 17;
    --surface-rgb: 37, 35, 34;
    --surface-2-rgb: 25, 24, 23;
    --ink-rgb: 239, 237, 234;
    --accent-rgb: 224, 127, 74;
    --on-accent-rgb: 36, 22, 16;
  }
}

@media print {
  :root:not([data-palette])[data-print="dark"],
  :root[data-palette="kiln"][data-print="dark"] {
    color-scheme: dark;
    --bg: #131211;
    --surface: #252322;
    --surface-2: #191817;
    --ink: #efedea;
    --ink-2: #d0ccc7;
    --muted: #aca7a1;
    --faint: #95918b;
    --line: #37342f;
    --line-2: #48443e;
    --accent: #e07f4a;
    --accent-ink: #f7b48c;
    --accent-soft: #3a2c22;
    --accent-press: #ff9155;
    --on-accent: #241610;
    --on-ink: #181716;
    --hover: #2c2926;
    --quiet: #1c1a18;
    --mo: #aca7a1;   
    --edge: #7a7670;   
    --rowline: #2f2c29;   
    --row-hover: #382c26;   
    --row-hover-soft: #2e2824;   
    --row-hover-2: #473429;   
    --track: #302e2d;   
    --track-2: #3b3938;   
    --track-off: #1c1a18;   
    --refl: #2b211c;   
    --refl-q: #b79e8e;   
    --pri: #e07f4a;   
    --on-pri: #241610;   
    --pri-press: #ff9155;
    --me-lv0: #1c1a18;
    --me-lv1: #2d2724;
    --me-lv2: #4f382b;
    --me-lv3: #8a5330;
    --me-lv4: #e07f4a;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.034;
    --font-display-scale: 0.999;
    --font-display: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
    --font-ui: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 19, 18, 17;
    --surface-rgb: 37, 35, 34;
    --surface-2-rgb: 25, 24, 23;
    --ink-rgb: 239, 237, 234;
    --accent-rgb: 224, 127, 74;
    --on-accent-rgb: 36, 22, 16;
  }
}

:root[data-palette="verdigris"],
[data-palette="verdigris"] .td[data-display-theme="light"] {
  color-scheme: light;
  --bg: #ecebe6;
  --surface: #ffffff;
  --surface-2: #f4f4f0;
  --ink: #101413;
  --ink-2: #363c3b;
  --muted: #505655;
  --faint: #616766;
  --line: #d8d9d3;
  --line-2: #bfc1bb;
  --accent: #106e70;
  --accent-ink: #0a585c;
  --accent-soft: #d6eeee;
  --accent-press: #0c5c5d;
  --on-accent: #f4fdfd;
  --on-ink: #f3f4f0;
  --hover: #eeeeea;
  --quiet: #e7e7e2;
  --mo: #363c3b;   
  --edge: #888c88;   
  --rowline: #eaeae7;   
  --row-hover: #f1f6f6;   
  --row-hover-soft: #f8fbfb;   
  --row-hover-2: #e5efef;   
  --track: #d6d6d1;   
  --track-2: #cbcbc6;   
  --track-off: #c0c0bc;   
  --refl: #e4ebe7;   
  --refl-q: #425b5b;   
  --pri: #101413;   
  --on-pri: #f3f4f0;   
  --pri-press: #212725;
  --me-lv0: #e7e7e2;
  --me-lv1: #d7edec;
  --me-lv2: #a8d6d6;
  --me-lv3: #5aa9ac;
  --me-lv4: #106e70;
  --late: #b33830;
  --late-soft: #fbe8e4;
  --font-scale: 1.0;
  --font-display-scale: 0.979;
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-ui: 'Instrument Sans', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.12);
  --bg-rgb: 236, 235, 230;
  --surface-rgb: 255, 255, 255;
  --surface-2-rgb: 244, 244, 240;
  --ink-rgb: 16, 20, 19;
  --accent-rgb: 16, 110, 112;
  --on-accent-rgb: 244, 253, 253;
}

@media screen {
  :root[data-palette="verdigris"][data-theme="dark"],
  [data-palette="verdigris"] .td[data-display-theme="dark"] {
    color-scheme: dark;
    --bg: #0a0d0d;
    --surface: #1e2322;
    --surface-2: #131717;
    --ink: #eef2f1;
    --ink-2: #cdd4d3;
    --muted: #a2acab;
    --faint: #8c9695;
    --line: #353c3b;
    --line-2: #474f4e;
    --accent: #5fc9cf;
    --accent-ink: #8bdde1;
    --accent-soft: #17383a;
    --accent-press: #6be1e7;
    --on-accent: #062023;
    --on-ink: #101413;
    --hover: #272d2c;
    --quiet: #161a19;
    --mo: #a2acab;   
    --edge: #747e7c;   
    --rowline: #2b3130;   
    --row-hover: #243433;   
    --row-hover-soft: #212b2b;   
    --row-hover-2: #2a4141;   
    --track: #282b2b;   
    --track-2: #333636;   
    --track-off: #161a19;   
    --refl: #1a2728;   
    --refl-q: #93b2b3;   
    --pri: #eef2f1;   
    --on-pri: #101413;   
    --pri-press: #d5d8d7;
    --me-lv0: #161a19;
    --me-lv1: #17383a;
    --me-lv2: #215559;
    --me-lv3: #3a8e93;
    --me-lv4: #5fc9cf;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.0;
    --font-display-scale: 0.979;
    --font-display: 'Instrument Serif', Georgia, serif;
    --font-ui: 'Instrument Sans', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 10, 13, 13;
    --surface-rgb: 30, 35, 34;
    --surface-2-rgb: 19, 23, 23;
    --ink-rgb: 238, 242, 241;
    --accent-rgb: 95, 201, 207;
    --on-accent-rgb: 6, 32, 35;
  }
}

@media print {
  :root[data-palette="verdigris"][data-print="dark"] {
    color-scheme: dark;
    --bg: #0a0d0d;
    --surface: #1e2322;
    --surface-2: #131717;
    --ink: #eef2f1;
    --ink-2: #cdd4d3;
    --muted: #a2acab;
    --faint: #8c9695;
    --line: #353c3b;
    --line-2: #474f4e;
    --accent: #5fc9cf;
    --accent-ink: #8bdde1;
    --accent-soft: #17383a;
    --accent-press: #6be1e7;
    --on-accent: #062023;
    --on-ink: #101413;
    --hover: #272d2c;
    --quiet: #161a19;
    --mo: #a2acab;   
    --edge: #747e7c;   
    --rowline: #2b3130;   
    --row-hover: #243433;   
    --row-hover-soft: #212b2b;   
    --row-hover-2: #2a4141;   
    --track: #282b2b;   
    --track-2: #333636;   
    --track-off: #161a19;   
    --refl: #1a2728;   
    --refl-q: #93b2b3;   
    --pri: #eef2f1;   
    --on-pri: #101413;   
    --pri-press: #d5d8d7;
    --me-lv0: #161a19;
    --me-lv1: #17383a;
    --me-lv2: #215559;
    --me-lv3: #3a8e93;
    --me-lv4: #5fc9cf;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.0;
    --font-display-scale: 0.979;
    --font-display: 'Instrument Serif', Georgia, serif;
    --font-ui: 'Instrument Sans', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 10, 13, 13;
    --surface-rgb: 30, 35, 34;
    --surface-2-rgb: 19, 23, 23;
    --ink-rgb: 238, 242, 241;
    --accent-rgb: 95, 201, 207;
    --on-accent-rgb: 6, 32, 35;
  }
}

:root[data-palette="almanac"],
[data-palette="almanac"] .td[data-display-theme="light"] {
  color-scheme: light;
  --bg: #efece4;
  --surface: #ffffff;
  --surface-2: #f6f3ec;
  --ink: #14120f;
  --ink-2: #3d3934;
  --muted: #58534c;
  --faint: #6a645b;
  --line: #ddd8cc;
  --line-2: #c5bfb0;
  --accent: #9a6b12;
  --accent-ink: #7a5209;
  --accent-soft: #f6e8c8;
  --accent-press: #845b0e;
  --on-accent: #fffdf6;
  --on-ink: #f7f4ec;
  --hover: #f1eee6;
  --quiet: #e9e4d8;
  --mo: #3d3934;   
  --edge: #8e897e;   
  --rowline: #eceae3;   
  --row-hover: #f9f6f1;   
  --row-hover-soft: #fcfbf8;   
  --row-hover-2: #f4efe5;   
  --track: #d9d6cf;   
  --track-2: #cecbc4;   
  --track-off: #c3c0b9;   
  --refl: #f0e9dd;   
  --refl-q: #67583f;   
  --pri: #14120f;   
  --on-pri: #f7f4ec;   
  --pri-press: #282420;
  --me-lv0: #e9e4d8;
  --me-lv1: #f3e6c4;
  --me-lv2: #e6cf95;
  --me-lv3: #cbab5b;
  --me-lv4: #9a7d21;
  --late: #b33830;
  --late-soft: #fbe8e4;
  --font-scale: 0.988;
  --font-display-scale: 1.097;
  --font-display: 'Source Serif 4', Georgia, serif;
  --font-ui: 'IBM Plex Sans', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.12);
  --bg-rgb: 239, 236, 228;
  --surface-rgb: 255, 255, 255;
  --surface-2-rgb: 246, 243, 236;
  --ink-rgb: 20, 18, 15;
  --accent-rgb: 154, 107, 18;
  --on-accent-rgb: 255, 253, 246;
}

@media screen {
  :root[data-palette="almanac"][data-theme="dark"],
  [data-palette="almanac"] .td[data-display-theme="dark"] {
    color-scheme: dark;
    --bg: #0e0d0b;
    --surface: #221f1d;
    --surface-2: #161413;
    --ink: #f4f1ea;
    --ink-2: #d3cfc6;
    --muted: #aba59b;
    --faint: #959086;
    --line: #3a3731;
    --line-2: #4b4641;
    --accent: #e0b356;
    --accent-ink: #f0cd83;
    --accent-soft: #40320f;
    --accent-press: #fac861;
    --on-accent: #231b06;
    --on-ink: #14120f;
    --hover: #2b2823;
    --quiet: #181713;
    --mo: #aba59b;   
    --edge: #7b766e;   
    --rowline: #2f2c28;   
    --row-hover: #352e23;   
    --row-hover-soft: #2c2620;   
    --row-hover-2: #443a27;   
    --track: #2c2b28;   
    --track-2: #373633;   
    --track-off: #181713;   
    --refl: #282219;   
    --refl-q: #b7a88c;   
    --pri: #f4f1ea;   
    --on-pri: #14120f;   
    --pri-press: #dad7d1;
    --me-lv0: #181713;
    --me-lv1: #3a3014;
    --me-lv2: #5e4c24;
    --me-lv3: #907841;
    --me-lv4: #dfba6b;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 0.988;
    --font-display-scale: 1.097;
    --font-display: 'Source Serif 4', Georgia, serif;
    --font-ui: 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 14, 13, 11;
    --surface-rgb: 34, 31, 29;
    --surface-2-rgb: 22, 20, 19;
    --ink-rgb: 244, 241, 234;
    --accent-rgb: 224, 179, 86;
    --on-accent-rgb: 35, 27, 6;
  }
}

@media print {
  :root[data-palette="almanac"][data-print="dark"] {
    color-scheme: dark;
    --bg: #0e0d0b;
    --surface: #221f1d;
    --surface-2: #161413;
    --ink: #f4f1ea;
    --ink-2: #d3cfc6;
    --muted: #aba59b;
    --faint: #959086;
    --line: #3a3731;
    --line-2: #4b4641;
    --accent: #e0b356;
    --accent-ink: #f0cd83;
    --accent-soft: #40320f;
    --accent-press: #fac861;
    --on-accent: #231b06;
    --on-ink: #14120f;
    --hover: #2b2823;
    --quiet: #181713;
    --mo: #aba59b;   
    --edge: #7b766e;   
    --rowline: #2f2c28;   
    --row-hover: #352e23;   
    --row-hover-soft: #2c2620;   
    --row-hover-2: #443a27;   
    --track: #2c2b28;   
    --track-2: #373633;   
    --track-off: #181713;   
    --refl: #282219;   
    --refl-q: #b7a88c;   
    --pri: #f4f1ea;   
    --on-pri: #14120f;   
    --pri-press: #dad7d1;
    --me-lv0: #181713;
    --me-lv1: #3a3014;
    --me-lv2: #5e4c24;
    --me-lv3: #907841;
    --me-lv4: #dfba6b;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 0.988;
    --font-display-scale: 1.097;
    --font-display: 'Source Serif 4', Georgia, serif;
    --font-ui: 'IBM Plex Sans', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 14, 13, 11;
    --surface-rgb: 34, 31, 29;
    --surface-2-rgb: 22, 20, 19;
    --ink-rgb: 244, 241, 234;
    --accent-rgb: 224, 179, 86;
    --on-accent-rgb: 35, 27, 6;
  }
}

:root[data-palette="amethyst"],
[data-palette="amethyst"] .td[data-display-theme="light"] {
  color-scheme: light;
  --bg: #eeebe6;
  --surface: #ffffff;
  --surface-2: #f6f4f0;
  --ink: #131217;
  --ink-2: #3b3941;
  --muted: #55535e;
  --faint: #686372;
  --line: #dcd8d2;
  --line-2: #c3bfba;
  --accent: #6b4b9e;
  --accent-ink: #57377f;
  --accent-soft: #ece3f7;
  --accent-press: #583d83;
  --on-accent: #fbf8ff;
  --on-ink: #f5f3ef;
  --hover: #f0eeea;
  --quiet: #e9e5e0;
  --mo: #3b3941;   
  --edge: #8c898c;   
  --rowline: #eceae6;   
  --row-hover: #f6f4f9;   
  --row-hover-soft: #fbfafc;   
  --row-hover-2: #efebf4;   
  --track: #d8d5d1;   
  --track-2: #cdcac7;   
  --track-off: #c2c0bd;   
  --refl: #ece8ea;   
  --refl-q: #5a516c;   
  --pri: #131217;   
  --on-pri: #f5f3ef;   
  --pri-press: #26242c;
  --me-lv0: #e9e5e0;
  --me-lv1: #e8e0f4;
  --me-lv2: #cbb9e6;
  --me-lv3: #a486ce;
  --me-lv4: #6b4b9e;
  --late: #b33830;
  --late-soft: #fbe8e4;
  --font-scale: 0.934;
  --font-display-scale: 1.101;
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui: 'Inter', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.12);
  --bg-rgb: 238, 235, 230;
  --surface-rgb: 255, 255, 255;
  --surface-2-rgb: 246, 244, 240;
  --ink-rgb: 19, 18, 23;
  --accent-rgb: 107, 75, 158;
  --on-accent-rgb: 251, 248, 255;
}

@media screen {
  :root[data-palette="amethyst"][data-theme="dark"],
  [data-palette="amethyst"] .td[data-display-theme="dark"] {
    color-scheme: dark;
    --bg: #0d0c10;
    --surface: #211f26;
    --surface-2: #151419;
    --ink: #f2f0f5;
    --ink-2: #d1cfd8;
    --muted: #a9a5b2;
    --faint: #938f9c;
    --line: #393742;
    --line-2: #4b4954;
    --accent: #b9a0ee;
    --accent-ink: #cdbaf5;
    --accent-soft: #2e2740;
    --accent-press: #d0b4ff;
    --on-accent: #1a1329;
    --on-ink: #131217;
    --hover: #2a2830;
    --quiet: #17161b;
    --mo: #a9a5b2;   
    --edge: #7a7783;   
    --rowline: #2e2c35;   
    --row-hover: #302c3a;   
    --row-hover-soft: #292530;   
    --row-hover-2: #3c364a;   
    --track: #2b2a2e;   
    --track-2: #363539;   
    --track-off: #17161b;   
    --refl: #24212c;   
    --refl-q: #ada4bf;   
    --pri: #f2f0f5;   
    --on-pri: #131217;   
    --pri-press: #d8d7db;
    --me-lv0: #17161b;
    --me-lv1: #2e2740;
    --me-lv2: #463a63;
    --me-lv3: #7d68b3;
    --me-lv4: #b9a0ee;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 0.934;
    --font-display-scale: 1.101;
    --font-display: 'Fraunces', Georgia, serif;
    --font-ui: 'Inter', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 13, 12, 16;
    --surface-rgb: 33, 31, 38;
    --surface-2-rgb: 21, 20, 25;
    --ink-rgb: 242, 240, 245;
    --accent-rgb: 185, 160, 238;
    --on-accent-rgb: 26, 19, 41;
  }
}

@media print {
  :root[data-palette="amethyst"][data-print="dark"] {
    color-scheme: dark;
    --bg: #0d0c10;
    --surface: #211f26;
    --surface-2: #151419;
    --ink: #f2f0f5;
    --ink-2: #d1cfd8;
    --muted: #a9a5b2;
    --faint: #938f9c;
    --line: #393742;
    --line-2: #4b4954;
    --accent: #b9a0ee;
    --accent-ink: #cdbaf5;
    --accent-soft: #2e2740;
    --accent-press: #d0b4ff;
    --on-accent: #1a1329;
    --on-ink: #131217;
    --hover: #2a2830;
    --quiet: #17161b;
    --mo: #a9a5b2;   
    --edge: #7a7783;   
    --rowline: #2e2c35;   
    --row-hover: #302c3a;   
    --row-hover-soft: #292530;   
    --row-hover-2: #3c364a;   
    --track: #2b2a2e;   
    --track-2: #363539;   
    --track-off: #17161b;   
    --refl: #24212c;   
    --refl-q: #ada4bf;   
    --pri: #f2f0f5;   
    --on-pri: #131217;   
    --pri-press: #d8d7db;
    --me-lv0: #17161b;
    --me-lv1: #2e2740;
    --me-lv2: #463a63;
    --me-lv3: #7d68b3;
    --me-lv4: #b9a0ee;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 0.934;
    --font-display-scale: 1.101;
    --font-display: 'Fraunces', Georgia, serif;
    --font-ui: 'Inter', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 13, 12, 16;
    --surface-rgb: 33, 31, 38;
    --surface-2-rgb: 21, 20, 25;
    --ink-rgb: 242, 240, 245;
    --accent-rgb: 185, 160, 238;
    --on-accent-rgb: 26, 19, 41;
  }
}

:root[data-palette="dusk"],
[data-palette="dusk"] .td[data-display-theme="light"] {
  color-scheme: light;
  --bg: #f0eee9;
  --surface: #ffffff;
  --surface-2: #f7f5f0;
  --ink: #1b2033;
  --ink-2: #3c445c;
  --muted: #4e5569;
  --faint: #616677;
  --line: #dedbd3;
  --line-2: #c8c5bd;
  --accent: #3d4b8f;
  --accent-ink: #2c3873;
  --accent-soft: #e2e5f6;
  --accent-press: #303c74;
  --on-accent: #f8f9ff;
  --on-ink: #f6f7fb;
  --hover: #f2f1ee;
  --quiet: #e9e7e0;
  --mo: #3c445c;   
  --edge: #8b8d93;   
  --rowline: #edebe7;   
  --row-hover: #f3f4f8;   
  --row-hover-soft: #f9fafc;   
  --row-hover-2: #eaebf3;   
  --track: #dbd9d7;   
  --track-2: #d0cfce;   
  --track-off: #c5c5c5;   
  --refl: #eae9e9;   
  --refl-q: #4a5371;   
  --pri: #3d4b8f;   
  --on-pri: #f8f9ff;   
  --pri-press: #303c74;
  --me-lv0: #e9e7e0;
  --me-lv1: #e2e4ee;
  --me-lv2: #bfc5e0;
  --me-lv3: #8592d1;
  --me-lv4: #4c5aa5;
  --late: #b33830;
  --late-soft: #fbe8e4;
  --font-scale: 1.043;
  --font-display-scale: 0.986;
  --font-display: 'Space Grotesk', Helvetica, Arial, sans-serif;
  --font-ui: 'Space Grotesk', Helvetica, Arial, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.12);
  --bg-rgb: 240, 238, 233;
  --surface-rgb: 255, 255, 255;
  --surface-2-rgb: 247, 245, 240;
  --ink-rgb: 27, 32, 51;
  --accent-rgb: 61, 75, 143;
  --on-accent-rgb: 248, 249, 255;
}

@media screen {
  :root[data-palette="dusk"][data-theme="dark"],
  [data-palette="dusk"] .td[data-display-theme="dark"] {
    color-scheme: dark;
    --bg: #101114;
    --surface: #232429;
    --surface-2: #17181b;
    --ink: #eceef2;
    --ink-2: #cbced5;
    --muted: #a5a9b1;
    --faint: #8f939d;
    --line: #35373e;
    --line-2: #474951;
    --accent: #8b9bf0;
    --accent-ink: #aab6f7;
    --accent-soft: #252839;
    --accent-press: #9eb0ff;
    --on-accent: #10132b;
    --on-ink: #16171a;
    --hover: #292b31;
    --quiet: #1a1b1f;
    --mo: #a5a9b1;   
    --edge: #767981;   
    --rowline: #2d2e35;   
    --row-hover: #2d303d;   
    --row-hover-soft: #282a33;   
    --row-hover-2: #36394d;   
    --track: #2d2e31;   
    --track-2: #38393c;   
    --track-off: #1a1b1f;   
    --refl: #21242e;   
    --refl-q: #9fa6bf;   
    --pri: #8b9bf0;   
    --on-pri: #10132b;   
    --pri-press: #9eb0ff;
    --me-lv0: #1a1b1f;
    --me-lv1: #272932;
    --me-lv2: #3a4266;
    --me-lv3: #5a68b8;
    --me-lv4: #8b9bf0;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.043;
    --font-display-scale: 0.986;
    --font-display: 'Space Grotesk', Helvetica, Arial, sans-serif;
    --font-ui: 'Space Grotesk', Helvetica, Arial, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 16, 17, 20;
    --surface-rgb: 35, 36, 41;
    --surface-2-rgb: 23, 24, 27;
    --ink-rgb: 236, 238, 242;
    --accent-rgb: 139, 155, 240;
    --on-accent-rgb: 16, 19, 43;
  }
}

@media print {
  :root[data-palette="dusk"][data-print="dark"] {
    color-scheme: dark;
    --bg: #101114;
    --surface: #232429;
    --surface-2: #17181b;
    --ink: #eceef2;
    --ink-2: #cbced5;
    --muted: #a5a9b1;
    --faint: #8f939d;
    --line: #35373e;
    --line-2: #474951;
    --accent: #8b9bf0;
    --accent-ink: #aab6f7;
    --accent-soft: #252839;
    --accent-press: #9eb0ff;
    --on-accent: #10132b;
    --on-ink: #16171a;
    --hover: #292b31;
    --quiet: #1a1b1f;
    --mo: #a5a9b1;   
    --edge: #767981;   
    --rowline: #2d2e35;   
    --row-hover: #2d303d;   
    --row-hover-soft: #282a33;   
    --row-hover-2: #36394d;   
    --track: #2d2e31;   
    --track-2: #38393c;   
    --track-off: #1a1b1f;   
    --refl: #21242e;   
    --refl-q: #9fa6bf;   
    --pri: #8b9bf0;   
    --on-pri: #10132b;   
    --pri-press: #9eb0ff;
    --me-lv0: #1a1b1f;
    --me-lv1: #272932;
    --me-lv2: #3a4266;
    --me-lv3: #5a68b8;
    --me-lv4: #8b9bf0;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.043;
    --font-display-scale: 0.986;
    --font-display: 'Space Grotesk', Helvetica, Arial, sans-serif;
    --font-ui: 'Space Grotesk', Helvetica, Arial, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 16, 17, 20;
    --surface-rgb: 35, 36, 41;
    --surface-2-rgb: 23, 24, 27;
    --ink-rgb: 236, 238, 242;
    --accent-rgb: 139, 155, 240;
    --on-accent-rgb: 16, 19, 43;
  }
}

:root[data-palette="sibling"],
[data-palette="sibling"] .td[data-display-theme="light"] {
  color-scheme: light;
  --bg: #f7f1e6;
  --surface: #fffdf8;
  --surface-2: #f3ecde;
  --ink: #2a2520;
  --ink-2: #4a4239;
  --muted: #5d5447;
  --faint: #6f655a;
  --line: #e7ddca;
  --line-2: #d6c9ae;
  --accent: #3f7d52;
  --accent-ink: #2f6840;
  --accent-soft: #e6efe2;
  --accent-press: #356a45;
  --on-accent: #fbfdfa;
  --on-ink: #fdfcf8;
  --hover: #f1ead9;
  --quiet: #ece7db;
  --mo: #4a4239;   
  --edge: #9a8e7a;   
  --rowline: #f2ebdf;   
  --row-hover: #f3f5ee;   
  --row-hover-soft: #f9f9f3;   
  --row-hover-2: #eaefe6;   
  --track: #e2ddd2;   
  --track-2: #d8d2c8;   
  --track-off: #cec8be;   
  --refl: #e6e4d4;   
  --refl-q: #565d49;   
  --pri: #3f7d52;   
  --on-pri: #fbfdfa;   
  --pri-press: #356a45;
  --me-lv0: #ece7db;
  --me-lv1: #dcecd8;
  --me-lv2: #b5d6ae;
  --me-lv3: #7fb586;
  --me-lv4: #3f7d52;
  --late: #b33830;
  --late-soft: #fbe8e4;
  --font-scale: 1.034;
  --font-display-scale: 0.974;
  --font-display: 'Newsreader', Georgia, serif;
  --font-ui: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.12);
  --bg-rgb: 247, 241, 230;
  --surface-rgb: 255, 253, 248;
  --surface-2-rgb: 243, 236, 222;
  --ink-rgb: 42, 37, 32;
  --accent-rgb: 63, 125, 82;
  --on-accent-rgb: 251, 253, 250;
}

@media screen {
  :root[data-palette="sibling"][data-theme="dark"],
  [data-palette="sibling"] .td[data-display-theme="dark"] {
    color-scheme: dark;
    --bg: #15120f;
    --surface: #282320;
    --surface-2: #1b1815;
    --ink: #edebe7;
    --ink-2: #cfcbc4;
    --muted: #afaaa2;
    --faint: #9a9489;
    --line: #3f3b35;
    --line-2: #4f4b45;
    --accent: #3a7c4b;
    --accent-ink: #95d7a2;
    --accent-soft: #1c3422;
    --accent-press: #469259;
    --on-accent: #ffffff;
    --on-ink: #1b1814;
    --hover: #302c27;
    --quiet: #1d1a17;
    --mo: #afaaa2;   
    --edge: #7f7a74;   
    --rowline: #35302c;   
    --row-hover: #2a2c24;   
    --row-hover-soft: #292722;   
    --row-hover-2: #2b3328;   
    --track: #312e2b;   
    --track-2: #3c3936;   
    --track-off: #1d1a17;   
    --refl: #1e211a;   
    --refl-q: #95a08f;   
    --pri: #3a7c4b;   
    --on-pri: #ffffff;   
    --pri-press: #469259;
    --me-lv0: #1d1a17;
    --me-lv1: #1c3422;
    --me-lv2: #29512f;
    --me-lv3: #3e8651;
    --me-lv4: #6fbf87;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.034;
    --font-display-scale: 0.974;
    --font-display: 'Newsreader', Georgia, serif;
    --font-ui: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 21, 18, 15;
    --surface-rgb: 40, 35, 32;
    --surface-2-rgb: 27, 24, 21;
    --ink-rgb: 237, 235, 231;
    --accent-rgb: 58, 124, 75;
    --on-accent-rgb: 255, 255, 255;
  }
}

@media print {
  :root[data-palette="sibling"][data-print="dark"] {
    color-scheme: dark;
    --bg: #15120f;
    --surface: #282320;
    --surface-2: #1b1815;
    --ink: #edebe7;
    --ink-2: #cfcbc4;
    --muted: #afaaa2;
    --faint: #9a9489;
    --line: #3f3b35;
    --line-2: #4f4b45;
    --accent: #3a7c4b;
    --accent-ink: #95d7a2;
    --accent-soft: #1c3422;
    --accent-press: #469259;
    --on-accent: #ffffff;
    --on-ink: #1b1814;
    --hover: #302c27;
    --quiet: #1d1a17;
    --mo: #afaaa2;   
    --edge: #7f7a74;   
    --rowline: #35302c;   
    --row-hover: #2a2c24;   
    --row-hover-soft: #292722;   
    --row-hover-2: #2b3328;   
    --track: #312e2b;   
    --track-2: #3c3936;   
    --track-off: #1d1a17;   
    --refl: #1e211a;   
    --refl-q: #95a08f;   
    --pri: #3a7c4b;   
    --on-pri: #ffffff;   
    --pri-press: #469259;
    --me-lv0: #1d1a17;
    --me-lv1: #1c3422;
    --me-lv2: #29512f;
    --me-lv3: #3e8651;
    --me-lv4: #6fbf87;
    --late: #ef806f;
    --late-soft: #3a221d;
    --font-scale: 1.034;
    --font-display-scale: 0.974;
    --font-display: 'Newsreader', Georgia, serif;
    --font-ui: 'Hanken Grotesk', Helvetica, Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    --shadow-lg: -20px 0 60px rgba(0, 0, 0, 0.55);
    --bg-rgb: 21, 18, 15;
    --surface-rgb: 40, 35, 32;
    --surface-2-rgb: 27, 24, 21;
    --ink-rgb: 237, 235, 231;
    --accent-rgb: 58, 124, 75;
    --on-accent-rgb: 255, 255, 255;
  }
}
