/* ===========================================================================
   THÈMES SAISONNIERS — cartes de variables

   Une seule feuille, quatre saisons, aucun composant dupliqué. Chaque saison est
   une carte statique de variables ; les composants demandent un rôle et ignorent
   quelle saison est active.

   L'hiver n'a pas de bloc : il EST :root. Les valeurs ci-dessous reprennent
   exactement les littéraux qui se trouvaient dans les feuilles avant la
   tokenisation, donc l'hiver est identique au pixel près par construction.

   Généré par scratchpad/build_seasons.py — ne pas modifier à la main.
   ========================================================================= */

:root{
  --c-nav-scrim:#080C13;
  --c-nav-scrim-rgb:8,12,19;
  --c-drawer:#080C13;
  --c-drawer-rgb:8,12,19;
  --c-room:#0B1019;
  --c-room-2:#080C13;
  --c-room-3:#608CDC;
  --c-room-3-rgb:96,140,220;
  --c-room-4:#0C121E;
  --c-room-4-rgb:12,18,30;
  --c-room-5:#04060B;
  --c-room-5-rgb:4,6,11;
  --c-spill:#96BEFF;
  --c-spill-rgb:150,190,255;
  --c-spill-2:#78A5F0;
  --c-spill-2-rgb:120,165,240;
  --c-desk:#141A25;
  --c-desk-2:#0C1119;
  --c-desk-3:#070A10;
  --c-desk-sheen:#96BEFA;
  --c-desk-sheen-rgb:150,190,250;
  --c-desk-bloom:#8CB4F5;
  --c-desk-bloom-rgb:140,180,245;
  --c-stand:#141B26;
  --c-stand-2:#222D3C;
  --c-stand-3:#0E141D;
  --c-stand-base:#1B2431;
  --c-stand-base-2:#0C1119;
  --c-keys:#1A222E;
  --c-keys-2:#0D131B;
  --c-keys-3:#8CAFEB;
  --c-keys-3-rgb:140,175,235;
  --c-keys-sheen:#96BEFA;
  --c-keys-sheen-rgb:150,190,250;
  --c-keys-shadow:#030509;
  --c-keys-shadow-rgb:3,5,9;
  --c-scrim:#05070C;
  --c-scrim-rgb:5,7,12;
  --c-avatar-shadow:#030509;
  --c-avatar-shadow-rgb:3,5,9;
  --c-mon-bezel:#26313F;
  --c-mon-bezel-2:#131A25;
  --c-mon-bezel-3:#8CAFEB;
  --c-mon-bezel-3-rgb:140,175,235;
  --c-mon-bezel-4:#3264D2;
  --c-mon-bezel-4-rgb:50,100,210;
  --c-screen:#080C13;
  --c-tabs:#0B1019;
  --c-tab:#3B475A;
  --c-tab-2:#131B26;
  --c-tab-on:#C9D6E8;
  --c-tab-on-2:#0F1622;
  --c-tab-done:#5D6C81;
  --c-gutter:#2C3746;
  --c-gutter-2:#090D15;
  --c-gutter-3:#121A25;
  --c-term:#070B12;
  --c-term-2:#16202D;
  --c-idcard:#080C13;
  --c-idcard-2:#0A1019;
  --c-wordmark:#05070C;
  --c-wordmark-rgb:5,7,12;
  --c-band-veil:#05050A;
  --c-band-veil-rgb:5,5,10;
  --c-band-sub:#B6C4D6;
  --c-mouse-shadow:#030509;
  --c-mouse-shadow-rgb:3,5,9;
  --c-frame-bar:#0D1119;
  --c-frame-dot:#212C3A;
  --c-frame-url:#080C13;
  --c-frame-win:#070A10;
  --c-frame-glare:#96BEFF;
  --c-frame-glare-rgb:150,190,255;
  --c-frame-hint:#080C14;
  --c-frame-hint-rgb:8,12,20;
  --c-mod-glyph:#0D1119;
  --c-thumb:#131C29;
  --c-thumb-2:#0A0F17;
  --c-thumb-mark:#96BEFA;
  --c-thumb-mark-rgb:150,190,250;
  --c-field:#0C111A;
  --c-field-hover:#2A384B;
  --c-field-focus:#0E1420;
  --c-status:#0B1019;
  --c-status-2:#141C27;
  --c-article-fg:#CBD5E3;
  --c-reading-nav:#080C13;
  --deep-rgb:5,8,13;
  --canvas-rgb:10,14,21;
  --panel-rgb:17,24,35;
  --muted-rgb:100,116,139;
  --text-2-rgb:147,163,184;
  --text-rgb:233,238,246;
  --accent-rgb:91,140,255;
  --ember-rgb:255,154,77;
  --bad-rgb:255,122,122;
  --tok-str-rgb:111,211,180;
  --tok-num-rgb:255,154,77;
  --c-mouse-a:#2A3646;
  --c-mouse-b:#161E2A;
  --c-mouse-c:#0C121A;
  --c-mouse-well:#080D14;
  --c-mouse-outline:rgba(150,190,250,.32);
  --c-mouse-hi:rgba(150,195,255,.09);
  --c-mouse-seam:rgba(150,190,250,.24);
  --c-mouse-rim:rgba(150,190,250,.42);
  --c-frag-ink:#7C92B0;
  --c-frag-ink-rgb:124,146,176;
  --c-dust-rgb:178,206,255;
  --line-strong:#2A384B;
  --wordmark-ink:var(--text);
}

/* ---------------------------------------------------------------
   Printemps — Sous-bois clair
   Fraîche et aérée : un canevas ivoire-sauge, des surfaces blanches teintées d'eucalyptus, une encre forêt profonde et un signal menthe.
   --------------------------------------------------------------- */
html[data-hariri-theme="spring"]{
  --deep:#DEE7DA;
  --deep-rgb:222,231,218;
  --canvas:#EEF3EA;
  --canvas-rgb:238,243,234;
  --panel:#F7FBF6;
  --panel-rgb:247,251,246;
  --panel-2:#FCFFFB;
  --line-soft:#D0DBCF;
  --line:#BDCBBD;
  --muted:#58685E;
  --muted-rgb:88,104,94;
  --text-2:#43554A;
  --text-2-rgb:67,85,74;
  --text:#13251B;
  --text-rgb:19,37,27;
  --accent:#007660;
  --accent-rgb:0,118,96;
  --accent-hi:#00614E;
  --ember:#9F5271;
  --ember-rgb:159,82,113;
  --ok:#2E7434;
  --bad:#AD2F32;
  --bad-rgb:173,47,50;
  --tok-key:#005A46;
  --tok-tag:#00654D;
  --tok-str:#004D3C;
  --tok-str-rgb:0,77,60;
  --tok-num:#005840;
  --tok-num-rgb:0,88,64;
  --tok-att:#1A3C34;
  --tok-com:#83A299;
  --tok-pun:#6B8981;
  --tok-fn:#28302E;
  --accent-mute:rgba(0,118,96,.14);
  --ember-mute:rgba(159,82,113,.13);
  --line-strong:#7E8A7E;
  --wordmark-ink:#00826C;
  --c-mouse-a:#E2EAE5;
  --c-mouse-b:#C6D1CB;
  --c-mouse-c:#ABB8B0;
  --c-mouse-well:#B6C1BB;
  --c-mouse-outline:rgba(62,76,68,.92);
  --c-mouse-hi:rgba(37,49,42,.10);
  --c-mouse-seam:rgba(62,76,68,.50);
  --c-mouse-rim:rgba(62,76,68,.85);
  --c-frag-ink:#25312A;
  --c-frag-ink-rgb:37,49,42;
  --c-dust-rgb:37,49,42;
  --c-nav-scrim:#EBF0E7;
  --c-nav-scrim-rgb:235,240,231;
  --c-drawer:#EBF0E7;
  --c-drawer-rgb:235,240,231;
  --c-room:#F0F7EC;
  --c-room-2:#EBF0E7;
  --c-room-3:#2C7765;
  --c-room-3-rgb:44,119,101;
  --c-room-4:#F2FBEC;
  --c-room-4-rgb:242,251,236;
  --c-room-5:#D9E4D7;
  --c-room-5-rgb:217,228,215;
  --c-spill:#005643;
  --c-spill-rgb:0,86,67;
  --c-spill-2:#006E58;
  --c-spill-2-rgb:0,110,88;
  --c-desk:#FBFEF9;
  --c-desk-2:#F2F8EE;
  --c-desk-3:#E0EBDE;
  --c-desk-sheen:#005543;
  --c-desk-sheen-rgb:0,85,67;
  --c-desk-bloom:#005F4C;
  --c-desk-bloom-rgb:0,95,76;
  --c-stand:#141B26;
  --c-stand-2:#222D3C;
  --c-stand-3:#0E141D;
  --c-stand-base:#1B2431;
  --c-stand-base-2:#0C1119;
  --c-keys:#D1D9D0;
  --c-keys-2:#F5FBF0;
  --c-keys-3:#006250;
  --c-keys-3-rgb:0,98,80;
  --c-keys-sheen:#005543;
  --c-keys-sheen-rgb:0,85,67;
  --c-keys-shadow:#7F8983;
  --c-keys-shadow-rgb:127,137,131;
  --c-scrim:#DCE6DA;
  --c-scrim-rgb:220,230,218;
  --c-avatar-shadow:#7F8983;
  --c-avatar-shadow-rgb:127,137,131;
  --c-mon-bezel:#26313F;
  --c-mon-bezel-2:#131A25;
  --c-mon-bezel-3:#8CAFEB;
  --c-mon-bezel-3-rgb:140,175,235;
  --c-mon-bezel-4:#3264D2;
  --c-mon-bezel-4-rgb:50,100,210;
  --c-screen:#080C13;
  --c-tabs:#0B1019;
  --c-tab:#3B475A;
  --c-tab-2:#131B26;
  --c-tab-on:#C9D6E8;
  --c-tab-on-2:#0F1622;
  --c-tab-done:#5D6C81;
  --c-gutter:#2C3746;
  --c-gutter-2:#090D15;
  --c-gutter-3:#121A25;
  --c-term:#070B12;
  --c-term-2:#16202D;
  --c-idcard:#080C13;
  --c-idcard-2:#0A1019;
  --c-wordmark:#DCE6DA;
  --c-wordmark-rgb:220,230,218;
  --c-band-veil:#D6E3D8;
  --c-band-veil-rgb:214,227,216;
  --c-band-sub:#2A382F;
  --c-mouse-shadow:#7F8983;
  --c-mouse-shadow-rgb:127,137,131;
  --c-frame-bar:#F2F8EE;
  --c-frame-dot:#B9C6B8;
  --c-frame-url:#EBF0E7;
  --c-frame-win:#E0EBDE;
  --c-frame-glare:#005643;
  --c-frame-glare-rgb:0,86,67;
  --c-frame-hint:#EAF0E6;
  --c-frame-hint-rgb:234,240,230;
  --c-mod-glyph:#F2F8EE;
  --c-thumb:#F8FAF7;
  --c-thumb-2:#EFF5EA;
  --c-thumb-mark:#005543;
  --c-thumb-mark-rgb:0,85,67;
  --c-field:#F2F8ED;
  --c-field-hover:#A7B8A7;
  --c-field-focus:#F2F6F0;
  --c-status:#0B1019;
  --c-status-2:#141C27;
  --c-article-fg:#163C29;
  --c-reading-nav:#EBF0E7;
}
html[data-hariri-theme="spring"] .mon,
html[data-hariri-theme="spring"] .mon *{
  --deep:#05080D;
  --canvas:#0A0E15;
  --panel:#111823;
  --panel-2:#161F2C;
  --line-soft:#182131;
  --line:#1E2836;
  --muted:#64748B;
  --text-2:#93A3B8;
  --text:#E9EEF6;
  --accent:#00B48F;
  --accent-hi:#4ACBAF;
  --ember:#FF8BBA;
  --ok:#92CF93;
  --bad:#FF7A7A;
  --tok-key:#3FCAAD;
  --tok-tag:#00C3B2;
  --tok-str:#92CF93;
  --tok-num:#FF8BBA;
  --tok-att:#A8D3C7;
  --tok-com:#43645B;
  --tok-pun:#5A7B72;
  --tok-fn:#E6F0ED;
  --accent-mute:rgba(0,180,143,.16);
  --ember-mute:rgba(255,139,186,.14);
}

/* ---------------------------------------------------------------
   Été — Ciel minéral
   Un été d'ingénieur : blanc franc, gris-bleu très clair, encre marine et un cyan de ciel, avec une seule note solaire.
   --------------------------------------------------------------- */
html[data-hariri-theme="summer"]{
  --deep:#E4EDF2;
  --deep-rgb:228,237,242;
  --canvas:#F6F9FB;
  --canvas-rgb:246,249,251;
  --panel:#FCFEFF;
  --panel-rgb:252,254,255;
  --panel-2:#FEFFFF;
  --line-soft:#D7E1E8;
  --line:#C5D2DA;
  --muted:#5A6672;
  --muted-rgb:90,102,114;
  --text-2:#455361;
  --text-2-rgb:69,83,97;
  --text:#121F2E;
  --text-rgb:18,31,46;
  --accent:#006D9E;
  --accent-rgb:0,109,158;
  --accent-hi:#00578C;
  --ember:#AB5E00;
  --ember-rgb:171,94,0;
  --ok:#157748;
  --bad:#AC2E3B;
  --bad-rgb:172,46,59;
  --tok-key:#005079;
  --tok-tag:#005988;
  --tok-str:#004566;
  --tok-str-rgb:0,69,102;
  --tok-num:#004B7E;
  --tok-num-rgb:0,75,126;
  --tok-att:#1C3947;
  --tok-com:#849EAD;
  --tok-pun:#6C8694;
  --tok-fn:#292F32;
  --accent-mute:rgba(0,109,158,.14);
  --ember-mute:rgba(171,94,0,.13);
  --line-strong:#7D888F;
  --wordmark-ink:#0080B1;
  --c-mouse-a:#E3E8EF;
  --c-mouse-b:#C7CFD7;
  --c-mouse-c:#ACB5C0;
  --c-mouse-well:#B7BEC7;
  --c-mouse-outline:rgba(63,73,83,.92);
  --c-mouse-hi:rgba(39,47,56,.10);
  --c-mouse-seam:rgba(63,73,83,.50);
  --c-mouse-rim:rgba(63,73,83,.85);
  --c-frag-ink:#272F38;
  --c-frag-ink-rgb:39,47,56;
  --c-dust-rgb:39,47,56;
  --c-nav-scrim:#F2F6F8;
  --c-nav-scrim-rgb:242,246,248;
  --c-drawer:#F2F6F8;
  --c-drawer-rgb:242,246,248;
  --c-room:#F8FCFF;
  --c-room-2:#F2F6F8;
  --c-room-3:#217193;
  --c-room-3-rgb:33,113,147;
  --c-room-4:#FAFFFF;
  --c-room-4-rgb:250,255,255;
  --c-room-5:#E0E9EF;
  --c-room-5-rgb:224,233,239;
  --c-spill:#004E78;
  --c-spill-rgb:0,78,120;
  --c-spill-2:#006498;
  --c-spill-2-rgb:0,100,152;
  --c-desk:#FDFFFF;
  --c-desk-2:#FAFEFF;
  --c-desk-3:#E8F0F7;
  --c-desk-sheen:#004E75;
  --c-desk-sheen-rgb:0,78,117;
  --c-desk-bloom:#005782;
  --c-desk-bloom-rgb:0,87,130;
  --c-stand:#141B26;
  --c-stand-2:#222D3C;
  --c-stand-3:#0E141D;
  --c-stand-base:#1B2431;
  --c-stand-base-2:#0C1119;
  --c-keys:#D8E0E5;
  --c-keys-2:#FCFFFF;
  --c-keys-3:#005A82;
  --c-keys-3-rgb:0,90,130;
  --c-keys-sheen:#004E75;
  --c-keys-sheen-rgb:0,78,117;
  --c-keys-shadow:#80878F;
  --c-keys-shadow-rgb:128,135,143;
  --c-scrim:#E3EBF1;
  --c-scrim-rgb:227,235,241;
  --c-avatar-shadow:#80878F;
  --c-avatar-shadow-rgb:128,135,143;
  --c-mon-bezel:#26313F;
  --c-mon-bezel-2:#131A25;
  --c-mon-bezel-3:#8CAFEB;
  --c-mon-bezel-3-rgb:140,175,235;
  --c-mon-bezel-4:#3264D2;
  --c-mon-bezel-4-rgb:50,100,210;
  --c-screen:#080C13;
  --c-tabs:#0B1019;
  --c-tab:#3B475A;
  --c-tab-2:#131B26;
  --c-tab-on:#C9D6E8;
  --c-tab-on-2:#0F1622;
  --c-tab-done:#5D6C81;
  --c-gutter:#2C3746;
  --c-gutter-2:#090D15;
  --c-gutter-3:#121A25;
  --c-term:#070B12;
  --c-term-2:#16202D;
  --c-idcard:#080C13;
  --c-idcard-2:#0A1019;
  --c-wordmark:#E3EBF1;
  --c-wordmark-rgb:227,235,241;
  --c-band-veil:#E0E7EE;
  --c-band-veil-rgb:224,231,238;
  --c-band-sub:#2C3642;
  --c-mouse-shadow:#80878F;
  --c-mouse-shadow-rgb:128,135,143;
  --c-frame-bar:#FAFEFF;
  --c-frame-dot:#BFCDD5;
  --c-frame-url:#F2F6F8;
  --c-frame-win:#E8F0F7;
  --c-frame-glare:#004E78;
  --c-frame-glare-rgb:0,78,120;
  --c-frame-hint:#F2F6F9;
  --c-frame-hint-rgb:242,246,249;
  --c-mod-glyph:#FAFEFF;
  --c-thumb:#FAFBFC;
  --c-thumb-2:#F6FAFD;
  --c-thumb-mark:#004E75;
  --c-thumb-mark-rgb:0,78,117;
  --c-field:#F9FEFF;
  --c-field-hover:#ADBEC8;
  --c-field-focus:#F7F9FA;
  --c-status:#0B1019;
  --c-status-2:#141C27;
  --c-article-fg:#163350;
  --c-reading-nav:#F2F6F8;
}
html[data-hariri-theme="summer"] .mon,
html[data-hariri-theme="summer"] .mon *{
  --deep:#05080D;
  --canvas:#0A0E15;
  --panel:#111823;
  --panel-2:#161F2C;
  --line-soft:#182131;
  --line:#1E2836;
  --muted:#64748B;
  --text-2:#93A3B8;
  --text:#E9EEF6;
  --accent:#00A2EC;
  --accent-hi:#57BFF1;
  --ember:#F99F3E;
  --ok:#82D1A0;
  --bad:#FF7A7A;
  --tok-key:#4EBEF2;
  --tok-tag:#42B2F6;
  --tok-str:#82D1A0;
  --tok-num:#F99F3E;
  --tok-att:#AACEE2;
  --tok-com:#45606F;
  --tok-pun:#5B7787;
  --tok-fn:#E6EFF4;
  --accent-mute:rgba(0,162,236,.16);
  --ember-mute:rgba(249,159,62,.14);
}

/* ---------------------------------------------------------------
   Automne — Atelier d’encre clair
   Éditorial et chaud, à mi-hauteur : un parchemin d'argile, des surfaces crème, une encre espresso, un cuivre en signal et le vert-de-gris en second.
   --------------------------------------------------------------- */
html[data-hariri-theme="autumn"]{
  --deep:#E5CFBD;
  --deep-rgb:229,207,189;
  --canvas:#F1E2D3;
  --canvas-rgb:241,226,211;
  --panel:#F9F0E5;
  --panel-rgb:249,240,229;
  --panel-2:#FDF7EF;
  --line-soft:#DAC5B5;
  --line:#CBB2A3;
  --muted:#6C584F;
  --muted-rgb:108,88,79;
  --text-2:#604A42;
  --text-2-rgb:96,74,66;
  --text:#301D17;
  --text-rgb:48,29,23;
  --accent:#9A4303;
  --accent-rgb:154,67,3;
  --accent-hi:#852A00;
  --ember:#03726C;
  --ember-rgb:3,114,108;
  --ok:#236E3A;
  --bad:#A82731;
  --bad-rgb:168,39,49;
  --tok-key:#763000;
  --tok-tag:#843300;
  --tok-str:#642B05;
  --tok-str-rgb:100,43,5;
  --tok-num:#782100;
  --tok-num-rgb:120,33,0;
  --tok-att:#472E21;
  --tok-com:#AE9487;
  --tok-pun:#957C6F;
  --tok-fn:#332C29;
  --accent-mute:rgba(154,67,3,.14);
  --ember-mute:rgba(3,114,108,.13);
  --line-strong:#968174;
  --wordmark-ink:#B15823;
  --c-mouse-a:#EEE6E3;
  --c-mouse-b:#D6CBC7;
  --c-mouse-c:#BFB1AC;
  --c-mouse-well:#C6BBB7;
  --c-mouse-outline:rgba(83,68,63,.92);
  --c-mouse-hi:rgba(55,42,39,.10);
  --c-mouse-seam:rgba(83,68,63,.50);
  --c-mouse-rim:rgba(83,68,63,.85);
  --c-frag-ink:#372A27;
  --c-frag-ink-rgb:55,42,39;
  --c-dust-rgb:55,42,39;
  --c-nav-scrim:#EEDFCF;
  --c-nav-scrim-rgb:238,223,207;
  --c-drawer:#EEDFCF;
  --c-drawer-rgb:238,223,207;
  --c-room:#F7E4D1;
  --c-room-2:#EEDFCF;
  --c-room-3:#925332;
  --c-room-3-rgb:146,83,50;
  --c-room-4:#FFE7CD;
  --c-room-4-rgb:255,231,205;
  --c-room-5:#E1CCB8;
  --c-room-5-rgb:225,204,184;
  --c-spill:#742700;
  --c-spill-rgb:116,39,0;
  --c-spill-2:#943600;
  --c-spill-2-rgb:148,54,0;
  --c-desk:#FBF3E9;
  --c-desk-2:#F7E6D5;
  --c-desk-3:#E9D3BF;
  --c-desk-sheen:#722B04;
  --c-desk-sheen-rgb:114,43,4;
  --c-desk-bloom:#7E3003;
  --c-desk-bloom-rgb:126,48,3;
  --c-stand:#141B26;
  --c-stand-2:#222D3C;
  --c-stand-3:#0E141D;
  --c-stand-base:#1B2431;
  --c-stand-base-2:#0C1119;
  --c-keys:#D5C5B9;
  --c-keys-2:#FAE8D7;
  --c-keys-3:#803814;
  --c-keys-3-rgb:128,56,20;
  --c-keys-sheen:#722B04;
  --c-keys-sheen-rgb:114,43,4;
  --c-keys-shadow:#8E8380;
  --c-keys-shadow-rgb:142,131,128;
  --c-scrim:#E2CEBC;
  --c-scrim-rgb:226,206,188;
  --c-avatar-shadow:#8E8380;
  --c-avatar-shadow-rgb:142,131,128;
  --c-mon-bezel:#26313F;
  --c-mon-bezel-2:#131A25;
  --c-mon-bezel-3:#8CAFEB;
  --c-mon-bezel-3-rgb:140,175,235;
  --c-mon-bezel-4:#3264D2;
  --c-mon-bezel-4-rgb:50,100,210;
  --c-screen:#080C13;
  --c-tabs:#0B1019;
  --c-tab:#3B475A;
  --c-tab-2:#131B26;
  --c-tab-on:#C9D6E8;
  --c-tab-on-2:#0F1622;
  --c-tab-done:#5D6C81;
  --c-gutter:#2C3746;
  --c-gutter-2:#090D15;
  --c-gutter-3:#121A25;
  --c-term:#070B12;
  --c-term-2:#16202D;
  --c-idcard:#080C13;
  --c-idcard-2:#0A1019;
  --c-wordmark:#E2CEBC;
  --c-wordmark-rgb:226,206,188;
  --c-band-veil:#DECCB6;
  --c-band-veil-rgb:222,204,182;
  --c-band-sub:#403029;
  --c-mouse-shadow:#8E8380;
  --c-mouse-shadow-rgb:142,131,128;
  --c-frame-bar:#F6E6D5;
  --c-frame-dot:#C7AD9E;
  --c-frame-url:#EEDFCF;
  --c-frame-win:#E9D3BF;
  --c-frame-glare:#742700;
  --c-frame-glare-rgb:116,39,0;
  --c-frame-hint:#EFDFCD;
  --c-frame-hint-rgb:239,223,205;
  --c-mod-glyph:#F6E6D5;
  --c-thumb:#F9F3EB;
  --c-thumb-2:#F4E3D1;
  --c-thumb-mark:#722B04;
  --c-thumb-mark-rgb:114,43,4;
  --c-field:#F8E6D3;
  --c-field-hover:#BC9D89;
  --c-field-focus:#F3EADF;
  --c-status:#0B1019;
  --c-status-2:#141C27;
  --c-article-fg:#502A20;
  --c-reading-nav:#EEDFCF;
}
html[data-hariri-theme="autumn"] .mon,
html[data-hariri-theme="autumn"] .mon *{
  --deep:#05080D;
  --canvas:#0A0E15;
  --panel:#111823;
  --panel-2:#161F2C;
  --line-soft:#182131;
  --line:#1E2836;
  --muted:#64748B;
  --text-2:#93A3B8;
  --text:#E9EEF6;
  --accent:#E66806;
  --accent-hi:#F09A6D;
  --ember:#00D4C8;
  --ok:#8BD099;
  --bad:#FF7A7A;
  --tok-key:#F09768;
  --tok-tag:#EA8E46;
  --tok-str:#8BD099;
  --tok-num:#00D4C8;
  --tok-att:#E3BFAE;
  --tok-com:#6F5548;
  --tok-pun:#876C5E;
  --tok-fn:#F5EBE7;
  --accent-mute:rgba(230,104,6,.16);
  --ember-mute:rgba(0,212,200,.14);
}


/* ===========================================================================
   What a light room needs and a dark one never did.

   Corrections of KIND, not of colour: a dark design states shadows as black and
   lets glows carry the light, and neither survives inversion. Written once and
   shared by the three light seasons.

   No decorative shadows here. Depth comes from surface tone, a 1px border and
   spacing. The only light that remains is the monitor's, and it is a scene
   layer, not a shadow attached to the hardware.
   ========================================================================= */
html[data-hariri-theme="spring"],
html[data-hariri-theme="summer"],
html[data-hariri-theme="autumn"]{ color-scheme: light; }

/* `color` is inherited from body, where it resolved against the light room, so
   the monitor subtree has to re-state its own. */
.hariri-light .mon{ color:var(--text) }

.hariri-light .nav{
  background:rgba(var(--canvas-rgb),.82);
  backdrop-filter:blur(14px) saturate(1.1);
}
/* a precise bottom border instead of a hairline shadow */
.hariri-light .nav.is-stuck{
  background:rgba(var(--canvas-rgb),.92);
  border-bottom-color:var(--line);
}
.hariri-light .drawer{ background:var(--panel);border-bottom-color:var(--line) }

/* The signature straddles the bright room and the dark monitor, and ends the
   sequence entirely over the dark editor. One solid value survives both: the
   ink is chosen for the worse of the two grounds, so no halo is needed. */
.hariri-light .wordmark{ color:var(--wordmark-ink) }
.hariri-light .band__s{ color:var(--text-2) }

/* In the polar night the caption sits behind a veil that fades out at its
   edges, because a dark ground wants the box to disappear. The lit seasons
   state the same box as a card instead: the canvas colour flat across the
   whole area, no gradient and no fade, and a 2px rule in the season's own
   accent around it.

   The colour comes from `--accent` rather than a new token because each season
   already declares the one this wants -- forest for the spring undergrowth,
   sky for the summer, #9A4303 for the autumn ink -- and `--canvas` is the same
   ground the rest of the season is built on.

   Only `left` moves. The base sets the box to bleed 20% past the caption on
   both sides, which is right for a wash whose edges are invisible and wrong for
   a card, whose left rule would otherwise sit off the screen entirely. Pulled
   back to a 20px margin on the text column it reads as a margin rather than an
   accident, and the right edge, the height and the scroll drive on --k are
   left exactly where the base put them. */
.hariri-light .band::before{
  opacity:calc(.52 + .48 * var(--k,1));
  background:var(--canvas);
  border:2px solid var(--accent);
  left:-20px;
}

/* On a phone the caption is no longer a floating column over a photograph: the
   hero stacks, and the band spans the page between its gutters. The bleed that
   framed it on the desktop would put both side rules off the screen -- the left
   one hard against the edge, the right one past it -- so the card takes the
   column exactly. The gutter then supplies the inset the desktop asked for in
   pixels: 20px at this width, and the same margin the rest of the page keeps. */
@media (max-width:720px){
  .hariri-light .band::before{ left:0;right:0 }
}

/* Surfaces separate by tone and border. A card on a light ground needs a
   readable edge, not a cloud beneath it. */
.hariri-light .frame,
.hariri-light .mod,
.hariri-light .step,
.hariri-light .post{ border-color:var(--line) }
.hariri-light .frame__bar{ border-bottom-color:var(--line) }

/* The panel still emits in a lit room, just quietly. */
.hariri-light .mon::before{
  outline-color:rgba(var(--text-rgb),.22);
  box-shadow:0 0 16px rgba(var(--c-mon-bezel-4-rgb),.12),
             0 8px 40px rgba(var(--c-mon-bezel-4-rgb),.07);
}

/* The monitor still lights the room, more quietly than in the polar night.
   Multiplied rather than replaced, so the scroll drive on --spill survives --
   a bare `opacity` here would outrank it and freeze the light. */
.hariri-light .lay--spill{ opacity:calc(var(--spill,.95) * .34) }
.hariri-light .lay--desk::before{ opacity:.30 }
.hariri-light .lay--room{ opacity:.55 }
.hariri-light body::before,
body.hariri-light::before{ opacity:.5 }
.hariri-light .lay--scrim{
  background:radial-gradient(ellipse 122% 94% at 52% 46%,
    rgba(var(--canvas-rgb),0) 40%,rgba(var(--canvas-rgb),.62) 100%);
}

/* controls need a boundary that is seen, not implied */
.hariri-light .fld input,
.hariri-light .fld textarea{ border-color:var(--line-strong) }
.hariri-light .fld input::placeholder,
.hariri-light .fld textarea::placeholder{ color:var(--muted) }
.hariri-light .btn--accent{ color:#FFFFFF }
.hariri-light .btn--accent:hover{ color:#FFFFFF }
.hariri-light .skip{ color:#FFFFFF }
.hariri-light ::selection{ background:rgba(var(--accent-rgb),.24);color:var(--text) }