/* Colour palettes. Generated from design/tree-color-schemes.html; html[data-palette] is set by index.php.
   Light: terracotta, sage, paper-ink, nordic-slate, lavender-dusk, coastal, graphite-amber, blossom-plum, sunflower, mint-coral
   Dark:  forest-night, midnight, graphite-night, nordic-night, aubergine, espresso, navy-gold, lavender-night, slate-coral, olive-night */

/* Terracotta Heritage */
:root[data-palette="terracotta"] {
  --font: Inter, sans-serif;
  --name-font: Fraunces, Georgia, serif;
  --name-weight: 600;
  --radius: 6px;
  --bg:#faf6f0;
  --frame:#e3d7c6;
  --bar-bg:#3a2a20;
  --bar-fg:#f4ede4;
  --bar-rule:rgba(255,255,255,.12);
  --seg-bg:rgba(255,255,255,.08);
  --seg-on-bg:#f4ede4;
  --seg-on-fg:#3a2a20;
  --btn-bg:rgba(255,255,255,.05);
  --canvas:#f8f3eb;
  --card:#fffdf9;
  --card-border:#e7dccd;
  --text:#3a2a20;
  --muted-c:#9a8573;
  --male:#5f8289;
  --female:#c46a4a;
  --line-bg:#f7e7d9;
  --line-border:#e2b998;
  --focus-bg:#b5532e;
  --focus-fg:#fff;
  --focus-ring:rgba(181,83,46,.20);
  --line-soft:#dccdb9;
  --line-strong:#b5532e;
  --hover-shadow:rgba(58,42,32,.14);
  color-scheme: light;
}
:root[data-palette="terracotta"] .card .nm {
  font-size: 13px;
}

/* Sage, modernised */
:root[data-palette="sage"] {
  --font: Manrope, sans-serif;
  --name-font: Manrope, sans-serif;
  --name-weight: 700;
  --radius: 8px;
  --bg:#f4f6f1;
  --frame:#d5dccd;
  --bar-bg:#2f4a2b;
  --bar-fg:#eef3ea;
  --bar-rule:rgba(255,255,255,.14);
  --seg-bg:rgba(255,255,255,.10);
  --seg-on-bg:#eef3ea;
  --seg-on-fg:#2f4a2b;
  --btn-bg:rgba(255,255,255,.06);
  --canvas:#f4f6f1;
  --card:#fff;
  --card-border:#dde3d6;
  --text:#22301f;
  --muted-c:#7a8873;
  --male:#6a8fa8;
  --female:#c47f8f;
  --line-bg:#e4efdc;
  --line-border:#b3cca1;
  --focus-bg:#3f6b35;
  --focus-fg:#fff;
  --focus-ring:rgba(63,107,53,.20);
  --line-soft:#c7d0bf;
  --line-strong:#4f7d43;
  --hover-shadow:rgba(47,74,43,.15);
  color-scheme: light;
}

/* Paper & Ink */
:root[data-palette="paper-ink"] {
  --font: Inter, sans-serif;
  --name-font: Inter, sans-serif;
  --radius: 6px;
  --bg:#fff;
  --frame:#e2e0da;
  --bar-bg:#fff;
  --bar-fg:#1d1d1f;
  --bar-rule:#e8e6e1;
  --seg-bg:#f1f0ed;
  --seg-on-bg:#fff;
  --seg-on-fg:#1d1d1f;
  --btn-bg:#fff;
  --canvas:#faf9f7;
  --card:#fff;
  --card-border:#e4e2dc;
  --text:#1d1d1f;
  --muted-c:#8a877f;
  --male:#5b7fb8;
  --female:#c9748e;
  --line-bg:#eef3fb;
  --line-border:#c9d7ee;
  --focus-bg:#1f4fa3;
  --focus-fg:#fff;
  --focus-ring:rgba(31,79,163,.18);
  --line-soft:#d4d1c9;
  --line-strong:#1f4fa3;
  --hover-shadow:rgba(0,0,0,.10);
  color-scheme: light;
}

/* Nordic Slate */
:root[data-palette="nordic-slate"] {
  --font: 'IBM Plex Sans', sans-serif;
  --name-font: 'IBM Plex Sans', sans-serif;
  --radius: 4px;
  --bg:#fff;
  --frame:#d9dfe7;
  --bar-bg:#fff;
  --bar-fg:#1c2733;
  --bar-rule:#e3e8ee;
  --seg-bg:transparent;
  --seg-on-bg:#e8f0fb;
  --seg-on-fg:#0f5bd8;
  --btn-bg:#f6f8fa;
  --canvas:#f5f7fa;
  --canvas-img: radial-gradient(#dde3ea 1px, transparent 1px);
  --card:#fff;
  --card-border:#d6dde6;
  --text:#1c2733;
  --muted-c:#6b7a8c;
  --male:#3b82c4;
  --female:#d0679b;
  --line-bg:#eaf2fc;
  --line-border:#a9c6e8;
  --focus-bg:#0f5bd8;
  --focus-fg:#fff;
  --focus-ring:rgba(15,91,216,.18);
  --line-soft:#c3ccd7;
  --line-strong:#0f5bd8;
  --hover-shadow:rgba(28,39,51,.12);
  color-scheme: light;
}
:root[data-palette="nordic-slate"] .seg a.on {
  box-shadow: none;
}

/* Lavender Dusk */
:root[data-palette="lavender-dusk"] {
  --font: 'Plus Jakarta Sans', sans-serif;
  --name-font: 'Plus Jakarta Sans', sans-serif;
  --name-weight: 700;
  --radius: 10px;
  --bg:#f6f4fb;
  --frame:#e0dcef;
  --bar-bg:#fff;
  --bar-fg:#2b2440;
  --bar-rule:#e8e4f3;
  --seg-bg:#f1eef8;
  --seg-on-bg:#6d4fc2;
  --seg-on-fg:#fff;
  --btn-bg:#fff;
  --canvas:#f8f6fc;
  --card:#fff;
  --card-border:#e4dff2;
  --text:#2b2440;
  --muted-c:#8a83a0;
  --male:#6c8ee0;
  --female:#e07fb0;
  --line-bg:#efeafc;
  --line-border:#cbbcf2;
  --focus-bg:#6d4fc2;
  --focus-fg:#fff;
  --focus-ring:rgba(109,79,194,.20);
  --line-soft:#d6d0e6;
  --line-strong:#7b5fd0;
  --hover-shadow:rgba(76,56,140,.14);
  color-scheme: light;
}

/* Coastal */
:root[data-palette="coastal"] {
  --font: Inter, sans-serif;
  --name-font: Inter, sans-serif;
  --radius: 8px;
  --bg:#f2f8f8;
  --frame:#cfe3e3;
  --bar-bg:#0e4f5c;
  --bar-fg:#e6f4f4;
  --bar-rule:rgba(255,255,255,.14);
  --seg-bg:rgba(255,255,255,.10);
  --seg-on-bg:#e6f4f4;
  --seg-on-fg:#0e4f5c;
  --btn-bg:rgba(255,255,255,.06);
  --canvas:#f4f9f9;
  --canvas-img: linear-gradient(#e6f0f0 1px, transparent 1px), linear-gradient(90deg, #e6f0f0 1px, transparent 1px);
  --card:#fff;
  --card-border:#d3e4e4;
  --text:#16353b;
  --muted-c:#6b8a8f;
  --male:#2f86b8;
  --female:#e0876a;
  --line-bg:#e0f2f1;
  --line-border:#9fd2cc;
  --focus-bg:#0e7c86;
  --focus-fg:#fff;
  --focus-ring:rgba(14,124,134,.20);
  --line-soft:#bfd6d6;
  --line-strong:#0e7c86;
  --hover-shadow:rgba(14,79,92,.14);
  color-scheme: light;
}

/* Graphite & Amber */
:root[data-palette="graphite-amber"] {
  --font: 'JetBrains Mono', monospace;
  --name-font: Inter, sans-serif;
  --radius: 3px;
  --bg:#fff;
  --frame:#d4d4d4;
  --bar-bg:#111;
  --bar-fg:#f2f2f2;
  --bar-rule:#2a2a2a;
  --seg-bg:#1f1f1f;
  --seg-on-bg:#f5b301;
  --seg-on-fg:#111;
  --btn-bg:#1a1a1a;
  --canvas:#fafafa;
  --card:#fff;
  --card-border:#d9d9d9;
  --text:#111;
  --muted-c:#777;
  --male:#4a4a4a;
  --female:#b5b5b5;
  --line-bg:#fff7e0;
  --line-border:#f0cf6e;
  --focus-bg:#111;
  --focus-fg:#f5b301;
  --focus-ring:rgba(245,179,1,.35);
  --line-soft:#cfcfcf;
  --line-strong:#e0a100;
  --link:#111;
  --hover-shadow:rgba(0,0,0,.12);
  color-scheme: light;
}
:root[data-palette="graphite-amber"] .card .dt {
  font-size: 10.5px;
}
:root[data-palette="graphite-amber"] .seg a.on {
  box-shadow: none;
}
:root[data-palette="graphite-amber"] .rel .rn {
  color: #111;
  text-decoration: underline;
  text-decoration-color: #f5b301;
  text-underline-offset: 2px;
}

/* Blossom & Plum */
:root[data-palette="blossom-plum"] {
  --font: Inter, sans-serif;
  --name-font: Lora, Georgia, serif;
  --name-weight: 600;
  --radius: 8px;
  --bg:#fdf7f8;
  --frame:#efdfe3;
  --bar-bg:#4a2140;
  --bar-fg:#fbeef2;
  --bar-rule:rgba(255,255,255,.12);
  --seg-bg:rgba(255,255,255,.08);
  --seg-on-bg:#fbeef2;
  --seg-on-fg:#4a2140;
  --btn-bg:rgba(255,255,255,.05);
  --canvas:#fcf5f6;
  --card:#fff;
  --card-border:#f0dfe4;
  --text:#3b1f33;
  --muted-c:#9c7f8e;
  --male:#6f86b5;
  --female:#d4668c;
  --line-bg:#fbe9ef;
  --line-border:#eab6c8;
  --focus-bg:#8a2f6b;
  --focus-fg:#fff;
  --focus-ring:rgba(138,47,107,.20);
  --line-soft:#e6d2d9;
  --line-strong:#a83f7f;
  --hover-shadow:rgba(74,33,64,.14);
  color-scheme: light;
}
:root[data-palette="blossom-plum"] .card .nm {
  font-size: 13px;
}

/* Sunflower */
:root[data-palette="sunflower"] {
  --font: 'DM Sans', sans-serif;
  --name-font: 'DM Sans', sans-serif;
  --name-weight: 700;
  --radius: 8px;
  --bg:#fbf8ef;
  --frame:#ece4cc;
  --bar-bg:#2b2a26;
  --bar-fg:#fbf3d9;
  --bar-rule:rgba(255,255,255,.12);
  --seg-bg:rgba(255,255,255,.08);
  --seg-on-bg:#f2c230;
  --seg-on-fg:#2b2a26;
  --btn-bg:rgba(255,255,255,.05);
  --canvas:#fdfaf1;
  --card:#fff;
  --card-border:#ece4cc;
  --text:#2b2a26;
  --muted-c:#8c8470;
  --male:#4f7fa8;
  --female:#d0705f;
  --line-bg:#fdf2c9;
  --line-border:#ecd17a;
  --focus-bg:#2b2a26;
  --focus-fg:#f7cf45;
  --focus-ring:rgba(242,194,48,.40);
  --line-soft:#e2d9bf;
  --line-strong:#e0a800;
  --link:#2b2a26;
  --hover-shadow:rgba(43,42,38,.12);
  color-scheme: light;
}
:root[data-palette="sunflower"] .rel .rn {
  color: #2b2a26;
  text-decoration: underline;
  text-decoration-color: #e0a800;
  text-underline-offset: 2px;
}

/* Mint & Coral */
:root[data-palette="mint-coral"] {
  --font: 'Plus Jakarta Sans', sans-serif;
  --name-font: 'Plus Jakarta Sans', sans-serif;
  --name-weight: 700;
  --radius: 10px;
  --bg:#fff;
  --frame:#d7ece2;
  --bar-bg:#fff;
  --bar-fg:#183a2f;
  --bar-rule:#dcefe6;
  --seg-bg:#e8f5ef;
  --seg-on-bg:#ff7a59;
  --seg-on-fg:#fff;
  --btn-bg:#fff;
  --canvas:#f5fbf8;
  --canvas-img: radial-gradient(#dcefe6 1px, transparent 1px);
  --card:#fff;
  --card-border:#d7ece2;
  --text:#183a2f;
  --muted-c:#6f8f82;
  --male:#3f8fb0;
  --female:#ff7a59;
  --line-bg:#e2f6ec;
  --line-border:#9fdcbf;
  --focus-bg:#1f9d6c;
  --focus-fg:#fff;
  --focus-ring:rgba(31,157,108,.20);
  --line-soft:#c6e0d4;
  --line-strong:#1f9d6c;
  --hover-shadow:rgba(24,58,47,.12);
  color-scheme: light;
}

/* Forest Night */
:root[data-palette="forest-night"] {
  --font: Manrope, sans-serif;
  --name-font: Manrope, sans-serif;
  --name-weight: 700;
  --radius: 8px;
  --bg:#101712;
  --frame:#24332a;
  --bar-bg:#0c120e;
  --bar-fg:#e3ece4;
  --bar-rule:#223026;
  --seg-bg:#16201a;
  --seg-on-bg:rgba(163,214,120,.16);
  --seg-on-fg:#b9e08f;
  --btn-bg:#16201a;
  --canvas:#121a15;
  --canvas-img: radial-gradient(#1b261f 1px, transparent 1px);
  --card:#18221c;
  --card-border:#283a2e;
  --text:#e3ece4;
  --muted-c:#8ea394;
  --male:#7fb8d8;
  --female:#e8a0a8;
  --line-bg:#1d2e1f;
  --line-border:#4f7a3d;
  --focus-bg:#a3d678;
  --focus-fg:#132010;
  --focus-ring:rgba(163,214,120,.22);
  --line-soft:#2f4035;
  --line-strong:#a3d678;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="forest-night"] .seg a.on {
  box-shadow: none;
}

/* Midnight */
:root[data-palette="midnight"] {
  --font: 'DM Sans', sans-serif;
  --name-font: 'DM Sans', sans-serif;
  --radius: 8px;
  --bg:#0f1218;
  --frame:#232937;
  --bar-bg:#0b0e13;
  --bar-fg:#e6e9ef;
  --bar-rule:#232937;
  --seg-bg:#161b24;
  --seg-on-bg:rgba(45,212,191,.16);
  --seg-on-fg:#5eead4;
  --btn-bg:#161b24;
  --canvas:#11151c;
  --canvas-img: radial-gradient(#1c222d 1px, transparent 1px);
  --card:#1a1f29;
  --card-border:#2a3140;
  --text:#e6e9ef;
  --muted-c:#8c95a6;
  --male:#6aa9ff;
  --female:#ff8fb1;
  --line-bg:#142a2a;
  --line-border:#2b6b64;
  --focus-bg:#2dd4bf;
  --focus-fg:#06201c;
  --focus-ring:rgba(45,212,191,.22);
  --line-soft:#343c4b;
  --line-strong:#2dd4bf;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="midnight"] .seg a.on {
  box-shadow: none;
}

/* Graphite Night */
:root[data-palette="graphite-night"] {
  --font: 'JetBrains Mono', monospace;
  --name-font: Inter, sans-serif;
  --radius: 3px;
  --bg:#0d0d0d;
  --frame:#262626;
  --bar-bg:#000;
  --bar-fg:#ededed;
  --bar-rule:#222;
  --seg-bg:#161616;
  --seg-on-bg:#f5b301;
  --seg-on-fg:#111;
  --btn-bg:#161616;
  --canvas:#111;
  --card:#1a1a1a;
  --card-border:#2e2e2e;
  --text:#ededed;
  --muted-c:#8f8f8f;
  --male:#d0d0d0;
  --female:#6e6e6e;
  --line-bg:#241d06;
  --line-border:#6b5410;
  --focus-bg:#f5b301;
  --focus-fg:#111;
  --focus-ring:rgba(245,179,1,.30);
  --line-soft:#333;
  --line-strong:#f5b301;
  --hover-shadow:rgba(0,0,0,.6);
  color-scheme: dark;
}
:root[data-palette="graphite-night"] .card .dt {
  font-size: 10.5px;
}
:root[data-palette="graphite-night"] .seg a.on {
  box-shadow: none;
}

/* Nordic Night */
:root[data-palette="nordic-night"] {
  --font: 'IBM Plex Sans', sans-serif;
  --name-font: 'IBM Plex Sans', sans-serif;
  --radius: 4px;
  --bg:#0f141b;
  --frame:#1e2733;
  --bar-bg:#0b1016;
  --bar-fg:#dce3ec;
  --bar-rule:#1e2733;
  --seg-bg:#141b24;
  --seg-on-bg:rgba(77,148,255,.18);
  --seg-on-fg:#78aeff;
  --btn-bg:#141b24;
  --canvas:#111821;
  --canvas-img: radial-gradient(#1a2330 1px, transparent 1px);
  --card:#17202b;
  --card-border:#263243;
  --text:#dce3ec;
  --muted-c:#8494a8;
  --male:#5aa2ff;
  --female:#f07cb0;
  --line-bg:#14243a;
  --line-border:#2f5a92;
  --focus-bg:#4d94ff;
  --focus-fg:#06152b;
  --focus-ring:rgba(77,148,255,.25);
  --line-soft:#2b3646;
  --line-strong:#4d94ff;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="nordic-night"] .seg a.on {
  box-shadow: none;
}

/* Aubergine */
:root[data-palette="aubergine"] {
  --font: Inter, sans-serif;
  --name-font: Lora, Georgia, serif;
  --name-weight: 600;
  --radius: 8px;
  --bg:#1a1018;
  --frame:#2c1d29;
  --bar-bg:#120b11;
  --bar-fg:#f1e4ee;
  --bar-rule:#2c1d29;
  --seg-bg:#221520;
  --seg-on-bg:rgba(255,128,180,.16);
  --seg-on-fg:#ff9cc6;
  --btn-bg:#221520;
  --canvas:#1c121a;
  --card:#261a24;
  --card-border:#3a2836;
  --text:#f1e4ee;
  --muted-c:#a8919f;
  --male:#8fb0ff;
  --female:#ff8fbf;
  --line-bg:#34182c;
  --line-border:#7a3a66;
  --focus-bg:#ff80b4;
  --focus-fg:#2a0a1d;
  --focus-ring:rgba(255,128,180,.25);
  --line-soft:#3f2d3b;
  --line-strong:#ff80b4;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="aubergine"] .card .nm {
  font-size: 13px;
}
:root[data-palette="aubergine"] .seg a.on {
  box-shadow: none;
}

/* Espresso */
:root[data-palette="espresso"] {
  --font: Inter, sans-serif;
  --name-font: Fraunces, Georgia, serif;
  --name-weight: 600;
  --radius: 6px;
  --bg:#1b1511;
  --frame:#2b221b;
  --bar-bg:#130f0c;
  --bar-fg:#f1e6da;
  --bar-rule:#2b221b;
  --seg-bg:#221b16;
  --seg-on-bg:rgba(212,160,106,.18);
  --seg-on-fg:#e2b583;
  --btn-bg:#221b16;
  --canvas:#1d1713;
  --card:#271f19;
  --card-border:#3a2f26;
  --text:#f1e6da;
  --muted-c:#a6927f;
  --male:#8fb2b8;
  --female:#e39a7a;
  --line-bg:#33251a;
  --line-border:#7d5a39;
  --focus-bg:#d4a06a;
  --focus-fg:#241608;
  --focus-ring:rgba(212,160,106,.25);
  --line-soft:#3e3329;
  --line-strong:#d4a06a;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="espresso"] .card .nm {
  font-size: 13px;
}
:root[data-palette="espresso"] .seg a.on {
  box-shadow: none;
}

/* Navy & Gold */
:root[data-palette="navy-gold"] {
  --font: Manrope, sans-serif;
  --name-font: Manrope, sans-serif;
  --name-weight: 700;
  --radius: 6px;
  --bg:#0c1424;
  --frame:#1a2640;
  --bar-bg:#08101d;
  --bar-fg:#e6ebf5;
  --bar-rule:#1a2640;
  --seg-bg:#111c31;
  --seg-on-bg:rgba(230,190,90,.16);
  --seg-on-fg:#f0cc6e;
  --btn-bg:#111c31;
  --canvas:#0e1729;
  --canvas-img: radial-gradient(#18243b 1px, transparent 1px);
  --card:#142038;
  --card-border:#22314f;
  --text:#e6ebf5;
  --muted-c:#8b98b3;
  --male:#7fb0ff;
  --female:#f29bb8;
  --line-bg:#2a2717;
  --line-border:#7a6528;
  --focus-bg:#e6be5a;
  --focus-fg:#1a1405;
  --focus-ring:rgba(230,190,90,.25);
  --line-soft:#26334d;
  --line-strong:#e6be5a;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="navy-gold"] .seg a.on {
  box-shadow: none;
}

/* Lavender Night */
:root[data-palette="lavender-night"] {
  --font: 'Plus Jakarta Sans', sans-serif;
  --name-font: 'Plus Jakarta Sans', sans-serif;
  --name-weight: 700;
  --radius: 10px;
  --bg:#15121f;
  --frame:#251f36;
  --bar-bg:#100d18;
  --bar-fg:#ebe6f7;
  --bar-rule:#251f36;
  --seg-bg:#1c1729;
  --seg-on-bg:#8b6cf0;
  --seg-on-fg:#fff;
  --btn-bg:#1c1729;
  --canvas:#171322;
  --canvas-img: radial-gradient(#221c33 1px, transparent 1px);
  --card:#1f1a2e;
  --card-border:#322a49;
  --text:#ebe6f7;
  --muted-c:#9b93b3;
  --male:#86a6ff;
  --female:#f49ac9;
  --line-bg:#251d40;
  --line-border:#5b46a6;
  --focus-bg:#a18bff;
  --focus-fg:#150f2b;
  --focus-ring:rgba(161,139,255,.25);
  --line-soft:#352d4c;
  --line-strong:#a18bff;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}

/* Slate & Coral */
:root[data-palette="slate-coral"] {
  --font: Inter, sans-serif;
  --name-font: Inter, sans-serif;
  --radius: 8px;
  --bg:#16191d;
  --frame:#262a30;
  --bar-bg:#111316;
  --bar-fg:#e7e9ec;
  --bar-rule:#262a30;
  --seg-bg:#1c2025;
  --seg-on-bg:rgba(255,122,89,.16);
  --seg-on-fg:#ff9a7f;
  --btn-bg:#1c2025;
  --canvas:#181b20;
  --card:#20242a;
  --card-border:#30353d;
  --text:#e7e9ec;
  --muted-c:#929aa5;
  --male:#7cb1e0;
  --female:#f2a0c0;
  --line-bg:#2f2020;
  --line-border:#8a4535;
  --focus-bg:#ff7a59;
  --focus-fg:#2a0d05;
  --focus-ring:rgba(255,122,89,.25);
  --line-soft:#353b44;
  --line-strong:#ff7a59;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}
:root[data-palette="slate-coral"] .seg a.on {
  box-shadow: none;
}

/* Olive Night */
:root[data-palette="olive-night"] {
  --font: Manrope, sans-serif;
  --name-font: Manrope, sans-serif;
  --name-weight: 700;
  --radius: 6px;
  --bg:#181a12;
  --frame:#33352a;
  --bar-bg:#2a2c1d;
  --bar-fg:#e8e4c9;
  --bar-rule:#3a3c2c;
  --seg-bg:#222418;
  --seg-on-bg:#c9b86a;
  --seg-on-fg:#1c1d14;
  --btn-bg:#222418;
  --canvas:#1b1d14;
  --card:#24271b;
  --card-border:#383b2b;
  --text:#e8e4c9;
  --muted-c:#a09d84;
  --male:#9bb4c8;
  --female:#d8a0a0;
  --line-bg:#2c3220;
  --line-border:#6d7a45;
  --focus-bg:#b7e09a;
  --focus-fg:#1a2010;
  --focus-ring:rgba(183,224,154,.25);
  --line-soft:#3a3d2e;
  --line-strong:#c9b86a;
  --hover-shadow:rgba(0,0,0,.5);
  color-scheme: dark;
}