/* Generated by tools/build.mjs from content/site.json - do not edit.
   Add or change a palette there and rebuild. */

/* Halo - Lavender and plum, glass and motion. Video-led, rounded, big type. */
:root[data-skin="halo"] {
  --paper: #f6f3fb;
  --paper-2: #ffffff;
  --paper-3: #ece6f7;
  --paper-sunk: #e6dff3;
  --ink: #160f22;
  --ink-2: #3f3550;
  --ink-3: #655a78;
  --ink-4: #9a90ab;
  --line: #e3dbf0;
  --line-2: #cfc4e3;
  --line-hard: #160f22;
  --ember: #c8386a;
  --moss: #1c7e5f;
  --plum: #6d35c9;
  --sun: #926617;
  --tide: #1d7795;
  --lake: #4457c9;
  --berry: #a72e92;
  --shadow: 0 1px 0 var(--line), 0 30px 60px -34px rgba(70, 30, 120, .35);
  --r-sm: 12px;
  --r-md: 22px;
  --r-lg: 34px;
  --r-pill: 999px;
  --r-btn: 999px;
  --r-input: 999px;
  --notch: 0px;
  --clip-sm: none;
  --clip-md: none;
  --clip-lg: none;
  --space-section: clamp(4rem, 8vw, 7rem);
  --rule-section: transparent;
  --lift: -6px;
  --measure: 66ch;
  --lh-body: 1.72;
  --t-read: clamp(1.05rem, .35vw + 1rem, 1.18rem);
  --chrome-ticker: none;
  --chrome-texture: none;
  --chrome-meta-icon: inline-block;
  --chrome-dek-small: block;
  --chrome-explore-note: block;
  --chrome-eyebrow-icon: inline-block;
  --display-variation: normal;
  --font-display: 'Sora', 'Inter', system-ui, sans-serif;
  --display-weight: 700;
  --display-weight-strong: 800;
  --display-tracking: -.035em;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="halo"]:not([data-theme="light"]) {
  --paper: #120c1c;
  --paper-2: #1a1226;
  --paper-3: #241a34;
  --paper-sunk: #0c0814;
  --ink: #f3eefb;
  --ink-2: #cfc5e0;
  --ink-3: #9c90b3;
  --ink-4: #736887;
  --line: #2c2240;
  --line-2: #3f3358;
  --line-hard: #f3eefb;
  --ember: #ff7fa6;
  --moss: #5fe0b3;
  --plum: #b48cff;
  --sun: #f0c25a;
  --tide: #5fd0ef;
  --lake: #8ea2ff;
  --berry: #ee8ae0;
  --shadow: 0 1px 0 var(--line), 0 34px 70px -36px rgba(0, 0, 0, .9);
  }
}
:root[data-skin="halo"][data-theme="dark"] {
  --paper: #120c1c;
  --paper-2: #1a1226;
  --paper-3: #241a34;
  --paper-sunk: #0c0814;
  --ink: #f3eefb;
  --ink-2: #cfc5e0;
  --ink-3: #9c90b3;
  --ink-4: #736887;
  --line: #2c2240;
  --line-2: #3f3358;
  --line-hard: #f3eefb;
  --ember: #ff7fa6;
  --moss: #5fe0b3;
  --plum: #b48cff;
  --sun: #f0c25a;
  --tide: #5fd0ef;
  --lake: #8ea2ff;
  --berry: #ee8ae0;
  --shadow: 0 1px 0 var(--line), 0 34px 70px -36px rgba(0, 0, 0, .9);
}

/* Inkwell - Warm editorial. Illustrated cards, terracotta accents, its own layout. */
:root[data-skin="inkwell"] {
  --paper: #fdfaf5;
  --paper-2: #ffffff;
  --paper-3: #f7ede2;
  --paper-sunk: #f4e9dc;
  --ink: #1f1b18;
  --ink-2: #4a423b;
  --ink-3: #6b6058;
  --ink-4: #9c8f83;
  --line: #ece0d2;
  --line-2: #dccbb7;
  --line-hard: #1f1b18;
  --ember: #bc4f1a;
  --moss: #42704f;
  --plum: #74538a;
  --sun: #96690d;
  --tide: #2c6f79;
  --lake: #3f5f86;
  --berry: #a83a61;
  --shadow: 0 1px 0 var(--line), 0 20px 44px -28px rgba(120, 70, 40, .30);
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --r-btn: 999px;
  --r-input: 999px;
  --notch: 0px;
  --clip-sm: none;
  --clip-md: none;
  --clip-lg: none;
  --space-section: clamp(4rem, 7vw, 6.5rem);
  --rule-section: transparent;
  --lift: -6px;
  --measure: 66ch;
  --lh-body: 1.72;
  --t-display: clamp(2.6rem, 5.4vw, 4.4rem);
  --lh-snug: 1.14;
  --chrome-ticker: none;
  --chrome-texture: none;
  --chrome-dek-small: none;
  --chrome-eyebrow-icon: none;
  --display-variation: 'opsz' 24;
  --font-display: 'Playfair Display', Georgia, serif;
  --display-weight: 600;
  --display-weight-strong: 700;
  --display-tracking: -.015em;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="inkwell"]:not([data-theme="light"]) {
  --paper: #171310;
  --paper-2: #1f1a16;
  --paper-3: #29221c;
  --paper-sunk: #110e0b;
  --ink: #f7f1e8;
  --ink-2: #d5cabd;
  --ink-3: #a09488;
  --ink-4: #776c60;
  --line: #302820;
  --line-2: #45392e;
  --line-hard: #f7f1e8;
  --ember: #f28352;
  --moss: #7fc294;
  --plum: #c49ad4;
  --sun: #e4b653;
  --tide: #6cc4cf;
  --lake: #8fb4d9;
  --berry: #ef7d9f;
  --shadow: 0 1px 0 var(--line), 0 24px 48px -30px rgba(0, 0, 0, .8);
  }
}
:root[data-skin="inkwell"][data-theme="dark"] {
  --paper: #171310;
  --paper-2: #1f1a16;
  --paper-3: #29221c;
  --paper-sunk: #110e0b;
  --ink: #f7f1e8;
  --ink-2: #d5cabd;
  --ink-3: #a09488;
  --ink-4: #776c60;
  --line: #302820;
  --line-2: #45392e;
  --line-hard: #f7f1e8;
  --ember: #f28352;
  --moss: #7fc294;
  --plum: #c49ad4;
  --sun: #e4b653;
  --tide: #6cc4cf;
  --lake: #8fb4d9;
  --berry: #ef7d9f;
  --shadow: 0 1px 0 var(--line), 0 24px 48px -30px rgba(0, 0, 0, .8);
}

/* Quiet - Minimal and unhurried. Muted colour, more air, less furniture. */
:root[data-skin="quiet"] {
  --paper: #f7f5f1;
  --paper-2: #fdfcfa;
  --paper-3: #eeeae3;
  --paper-sunk: #f2efe9;
  --ink: #21201d;
  --ink-2: #4f4c47;
  --ink-3: #6f6b64;
  --ink-4: #9a958c;
  --line: #e7e2da;
  --line-2: #d5cfc4;
  --line-hard: #46433d;
  --ember: #8a5a45;
  --moss: #4f6b57;
  --plum: #6a5c72;
  --sun: #7d6a3f;
  --tide: #4d6a70;
  --lake: #566a80;
  --berry: #83566a;
  --shadow: 0 1px 0 var(--line), 0 10px 24px -20px rgba(40, 34, 24, .22);
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;
  --r-btn: 999px;
  --r-input: 999px;
  --notch: 0px;
  --clip-sm: none;
  --clip-md: none;
  --clip-lg: none;
  --space-section: clamp(4.5rem, 9vw, 8rem);
  --rule-section: transparent;
  --lift: -2px;
  --measure: 62ch;
  --lh-body: 1.78;
  --t-read: clamp(1.05rem, .3vw + 1rem, 1.15rem);
  --t-display: clamp(2.7rem, 7.5vw, 6rem);
  --lh-snug: 1.16;
  --chrome-ticker: none;
  --chrome-texture: none;
  --chrome-meta-icon: none;
  --chrome-dek-small: none;
  --chrome-explore-note: none;
  --chrome-eyebrow-icon: none;
  --display-variation: 'SOFT' 60, 'WONK' 0, 'opsz' 24;
  --display-weight: 440;
  --display-weight-strong: 500;
  --display-tracking: -.008em;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="quiet"]:not([data-theme="light"]) {
  --paper: #1a1917;
  --paper-2: #211f1d;
  --paper-3: #2a2825;
  --paper-sunk: #151412;
  --ink: #ecebe7;
  --ink-2: #c0bcb4;
  --ink-3: #918d85;
  --ink-4: #6d6960;
  --line: #2d2b27;
  --line-2: #3d3a35;
  --line-hard: #b6b2aa;
  --ember: #c99a83;
  --moss: #93b39c;
  --plum: #b2a3ba;
  --sun: #c2ab7c;
  --tide: #93b3b8;
  --lake: #9fb2c4;
  --berry: #c599a9;
  --shadow: 0 1px 0 var(--line), 0 14px 30px -24px rgba(0, 0, 0, .7);
  }
}
:root[data-skin="quiet"][data-theme="dark"] {
  --paper: #1a1917;
  --paper-2: #211f1d;
  --paper-3: #2a2825;
  --paper-sunk: #151412;
  --ink: #ecebe7;
  --ink-2: #c0bcb4;
  --ink-3: #918d85;
  --ink-4: #6d6960;
  --line: #2d2b27;
  --line-2: #3d3a35;
  --line-hard: #b6b2aa;
  --ember: #c99a83;
  --moss: #93b39c;
  --plum: #b2a3ba;
  --sun: #c2ab7c;
  --tide: #93b3b8;
  --lake: #9fb2c4;
  --berry: #c599a9;
  --shadow: 0 1px 0 var(--line), 0 14px 30px -24px rgba(0, 0, 0, .7);
}

/* Paper - Warm bone and ink. The house style. */
:root[data-skin="paper"] {
  --paper: #f4f1e9;
  --paper-2: #fbf9f4;
  --paper-3: #e9e4d7;
  --paper-sunk: #ece7db;
  --ink: #16130f;
  --ink-2: #453e34;
  --ink-3: #736a5c;
  --ink-4: #9c9284;
  --line: #dcd5c4;
  --line-2: #c7bea9;
  --line-hard: #16130f;
  --ember: #b8431c;
  --moss: #2c6549;
  --plum: #6b3a62;
  --sun: #8d6609;
  --tide: #1c6873;
  --lake: #2c5872;
  --berry: #9d2246;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="paper"]:not([data-theme="light"]) {
  --paper: #14120e;
  --paper-2: #1b1814;
  --paper-3: #251f19;
  --paper-sunk: #100e0b;
  --ink: #f3eee2;
  --ink-2: #cdc4b3;
  --ink-3: #948b7c;
  --ink-4: #6d6558;
  --line: #2f2a22;
  --line-2: #453e33;
  --line-hard: #f3eee2;
  --ember: #ef7444;
  --moss: #64c493;
  --plum: #c891bd;
  --sun: #e0b048;
  --tide: #55bfcc;
  --lake: #86b5d8;
  --berry: #ec7d93;
  }
}
:root[data-skin="paper"][data-theme="dark"] {
  --paper: #14120e;
  --paper-2: #1b1814;
  --paper-3: #251f19;
  --paper-sunk: #100e0b;
  --ink: #f3eee2;
  --ink-2: #cdc4b3;
  --ink-3: #948b7c;
  --ink-4: #6d6558;
  --line: #2f2a22;
  --line-2: #453e33;
  --line-hard: #f3eee2;
  --ember: #ef7444;
  --moss: #64c493;
  --plum: #c891bd;
  --sun: #e0b048;
  --tide: #55bfcc;
  --lake: #86b5d8;
  --berry: #ec7d93;
}

/* Slate - Cool and precise. Reads like engineering documentation. */
:root[data-skin="slate"] {
  --paper: #f1f4f6;
  --paper-2: #fafbfc;
  --paper-3: #e2e8ec;
  --paper-sunk: #e8edf0;
  --ink: #10161c;
  --ink-2: #37424d;
  --ink-3: #616c77;
  --ink-4: #93a0ab;
  --line: #d3dae0;
  --line-2: #b6c0c9;
  --line-hard: #10161c;
  --ember: #c2410c;
  --moss: #15803d;
  --plum: #86198f;
  --sun: #9c5f07;
  --tide: #0e7490;
  --lake: #1d4ed8;
  --berry: #be123c;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="slate"]:not([data-theme="light"]) {
  --paper: #0d1117;
  --paper-2: #151b23;
  --paper-3: #1f2830;
  --paper-sunk: #090d12;
  --ink: #e6edf3;
  --ink-2: #b8c4cf;
  --ink-3: #8494a1;
  --ink-4: #62717d;
  --line: #263039;
  --line-2: #38444f;
  --line-hard: #e6edf3;
  --ember: #fb923c;
  --moss: #4ade80;
  --plum: #e879f9;
  --sun: #fbbf24;
  --tide: #22d3ee;
  --lake: #60a5fa;
  --berry: #fb7185;
  }
}
:root[data-skin="slate"][data-theme="dark"] {
  --paper: #0d1117;
  --paper-2: #151b23;
  --paper-3: #1f2830;
  --paper-sunk: #090d12;
  --ink: #e6edf3;
  --ink-2: #b8c4cf;
  --ink-3: #8494a1;
  --ink-4: #62717d;
  --line: #263039;
  --line-2: #38444f;
  --line-hard: #e6edf3;
  --ember: #fb923c;
  --moss: #4ade80;
  --plum: #e879f9;
  --sun: #fbbf24;
  --tide: #22d3ee;
  --lake: #60a5fa;
  --berry: #fb7185;
}

/* Nordic - Pale, low chroma, plenty of air. Quietest of the five. */
:root[data-skin="nordic"] {
  --paper: #f5f6f4;
  --paper-2: #fcfdfb;
  --paper-3: #e6e9e4;
  --paper-sunk: #edefea;
  --ink: #1c211e;
  --ink-2: #414843;
  --ink-3: #6a716d;
  --ink-4: #98a09a;
  --line: #dadfd8;
  --line-2: #bcc4ba;
  --line-hard: #1c211e;
  --ember: #a8523a;
  --moss: #46705a;
  --plum: #6a5a78;
  --sun: #8a6c35;
  --tide: #3f6f77;
  --lake: #4a6b85;
  --berry: #8d4a5c;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="nordic"]:not([data-theme="light"]) {
  --paper: #16191a;
  --paper-2: #1e2223;
  --paper-3: #282d2e;
  --paper-sunk: #111314;
  --ink: #eceeeb;
  --ink-2: #c2c7c3;
  --ink-3: #8e948f;
  --ink-4: #6a706c;
  --line: #2e3334;
  --line-2: #414748;
  --line-hard: #eceeeb;
  --ember: #d98b70;
  --moss: #85bb9f;
  --plum: #b3a3c2;
  --sun: #d6b678;
  --tide: #79b8c0;
  --lake: #8fb0c9;
  --berry: #cf8e9d;
  }
}
:root[data-skin="nordic"][data-theme="dark"] {
  --paper: #16191a;
  --paper-2: #1e2223;
  --paper-3: #282d2e;
  --paper-sunk: #111314;
  --ink: #eceeeb;
  --ink-2: #c2c7c3;
  --ink-3: #8e948f;
  --ink-4: #6a706c;
  --line: #2e3334;
  --line-2: #414748;
  --line-hard: #eceeeb;
  --ember: #d98b70;
  --moss: #85bb9f;
  --plum: #b3a3c2;
  --sun: #d6b678;
  --tide: #79b8c0;
  --lake: #8fb0c9;
  --berry: #cf8e9d;
}

/* Blueprint - Cyanotype. Technical drawing, deep indigo ground. */
:root[data-skin="blueprint"] {
  --paper: #eaeff7;
  --paper-2: #f5f8fc;
  --paper-3: #d8e1ee;
  --paper-sunk: #dfe6f1;
  --ink: #0d1b33;
  --ink-2: #2c3f5e;
  --ink-3: #576a88;
  --ink-4: #8798b3;
  --line: #c3d0e2;
  --line-2: #a2b3ca;
  --line-hard: #0d1b33;
  --ember: #b4441f;
  --moss: #1f6b52;
  --plum: #5c3d7a;
  --sun: #88670f;
  --tide: #106b80;
  --lake: #1e4f8a;
  --berry: #9c2049;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="blueprint"]:not([data-theme="light"]) {
  --paper: #0a1424;
  --paper-2: #101d33;
  --paper-3: #17273f;
  --paper-sunk: #060e1a;
  --ink: #dfe9fa;
  --ink-2: #b0c2dd;
  --ink-3: #7d8fac;
  --ink-4: #5b6b85;
  --line: #1d2c44;
  --line-2: #2c3e59;
  --line-hard: #dfe9fa;
  --ember: #ff8355;
  --moss: #5fd0a0;
  --plum: #b490e8;
  --sun: #edb84a;
  --tide: #4fd0e0;
  --lake: #7fb4ff;
  --berry: #ff7d9c;
  }
}
:root[data-skin="blueprint"][data-theme="dark"] {
  --paper: #0a1424;
  --paper-2: #101d33;
  --paper-3: #17273f;
  --paper-sunk: #060e1a;
  --ink: #dfe9fa;
  --ink-2: #b0c2dd;
  --ink-3: #7d8fac;
  --ink-4: #5b6b85;
  --line: #1d2c44;
  --line-2: #2c3e59;
  --line-hard: #dfe9fa;
  --ember: #ff8355;
  --moss: #5fd0a0;
  --plum: #b490e8;
  --sun: #edb84a;
  --tide: #4fd0e0;
  --lake: #7fb4ff;
  --berry: #ff7d9c;
}

/* Terminal - High contrast, phosphor green. Dark mode is the point. */
:root[data-skin="terminal"] {
  --paper: #f7f7f5;
  --paper-2: #ffffff;
  --paper-3: #ececeb;
  --paper-sunk: #e6e6e4;
  --ink: #0a0a0a;
  --ink-2: #303030;
  --ink-3: #5f5f5f;
  --ink-4: #8a8a8a;
  --line: #d6d6d4;
  --line-2: #b4b4b1;
  --line-hard: #0a0a0a;
  --ember: #c2300a;
  --moss: #1d6b21;
  --plum: #6b21a8;
  --sun: #846800;
  --tide: #00666e;
  --lake: #1b4f9c;
  --berry: #a3113f;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="terminal"]:not([data-theme="light"]) {
  --paper: #0a0c0a;
  --paper-2: #121512;
  --paper-3: #1a1e1a;
  --paper-sunk: #050605;
  --ink: #e9ece9;
  --ink-2: #b6bdb6;
  --ink-3: #7f877f;
  --ink-4: #5c635c;
  --line: #232821;
  --line-2: #343b32;
  --line-hard: #e9ece9;
  --ember: #ff7043;
  --moss: #4ee06a;
  --plum: #c98bff;
  --sun: #ffc247;
  --tide: #3fdcd0;
  --lake: #6fa8ff;
  --berry: #ff5f7e;
  }
}
:root[data-skin="terminal"][data-theme="dark"] {
  --paper: #0a0c0a;
  --paper-2: #121512;
  --paper-3: #1a1e1a;
  --paper-sunk: #050605;
  --ink: #e9ece9;
  --ink-2: #b6bdb6;
  --ink-3: #7f877f;
  --ink-4: #5c635c;
  --line: #232821;
  --line-2: #343b32;
  --line-hard: #e9ece9;
  --ember: #ff7043;
  --moss: #4ee06a;
  --plum: #c98bff;
  --sun: #ffc247;
  --tide: #3fdcd0;
  --lake: #6fa8ff;
  --berry: #ff5f7e;
}

/* Bloom - Bold and rounded. Big type, saturated colour, image-forward. */
:root[data-skin="bloom"] {
  --paper: #fdf9f3;
  --paper-2: #ffffff;
  --paper-3: #f4ece1;
  --paper-sunk: #f8f1e7;
  --ink: #171216;
  --ink-2: #4a4048;
  --ink-3: #6f6470;
  --ink-4: #a99fa6;
  --line: #ece0d2;
  --line-2: #d9c9b7;
  --line-hard: #171216;
  --ember: #d3371d;
  --moss: #0e8259;
  --plum: #7b2ff2;
  --sun: #a16305;
  --tide: #0d7b92;
  --lake: #1f5fd0;
  --berry: #d81b60;
  --shadow: 0 1px 0 var(--line), 0 22px 44px -26px rgba(120, 40, 80, .30);
  --r-sm: 10px;
  --r-md: 20px;
  --r-lg: 30px;
  --r-pill: 999px;
  --r-btn: 999px;
  --r-input: 999px;
  --notch: 0px;
  --clip-sm: none;
  --clip-md: none;
  --clip-lg: none;
  --font-display: 'Bricolage Grotesque', 'Fraunces', system-ui, sans-serif;
  --display-weight: 700;
  --display-weight-strong: 800;
  --display-tracking: -.035em;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="bloom"]:not([data-theme="light"]) {
  --paper: #14101a;
  --paper-2: #1e1826;
  --paper-3: #2a2233;
  --paper-sunk: #0e0b13;
  --ink: #f6f0f7;
  --ink-2: #cfc4d4;
  --ink-3: #9b8fa3;
  --ink-4: #756a7d;
  --line: #322a3c;
  --line-2: #473d53;
  --line-hard: #f6f0f7;
  --ember: #ff7a5c;
  --moss: #45d99a;
  --plum: #b98cff;
  --sun: #ffc247;
  --tide: #46d1e8;
  --lake: #6ea8ff;
  --berry: #ff6fa5;
  --shadow: 0 1px 0 var(--line), 0 26px 50px -28px rgba(0, 0, 0, .85);
  }
}
:root[data-skin="bloom"][data-theme="dark"] {
  --paper: #14101a;
  --paper-2: #1e1826;
  --paper-3: #2a2233;
  --paper-sunk: #0e0b13;
  --ink: #f6f0f7;
  --ink-2: #cfc4d4;
  --ink-3: #9b8fa3;
  --ink-4: #756a7d;
  --line: #322a3c;
  --line-2: #473d53;
  --line-hard: #f6f0f7;
  --ember: #ff7a5c;
  --moss: #45d99a;
  --plum: #b98cff;
  --sun: #ffc247;
  --tide: #46d1e8;
  --lake: #6ea8ff;
  --berry: #ff6fa5;
  --shadow: 0 1px 0 var(--line), 0 26px 50px -28px rgba(0, 0, 0, .85);
}