/* HomeBoard colour tokens: every colour of the page, its detail views and the weather scenes (docs/theme.md).
   :root = light theme; :root[data-theme="dark"] = dark theme (set on <html> by app.js). Only colours live here:
   the layout never changes with the theme. Every token must exist in both blocks (connectors/theme.check.js).
   Kept as they are in both themes, outside this file: TCL line colours (from the data), ATMO index colours. */
:root{
  /* ---- surfaces and text ---- */
  --page:#CFCDD3; --bg:#F4F2EE; --card:#FFFFFF; --ink:#1C1B1F; --muted:#7C7884; --faint:#A7A3AE; --line:#ECE9E4;
  --line-2:#E2DED7; --line-3:#D9D5CE;
  --on-color:#FFFFFF;               /* text / icon on a saturated fill (orange, coral, marks) */
  --on-line:#FFFFFF;                /* text on an official TCL line colour: same in both themes */
  --strong:#1C1B1F; --on-strong:#FFFFFF; /* inverted chip (bad condition, "Fermer", selected) */
  --hi:#FFFFFF;                     /* highlighted chip inside a tinted tile */
  --wash:rgba(255,255,255,.62);     /* sub-card on a tinted tile */
  --wash-2:rgba(255,255,255,.72); --wash-3:rgba(255,255,255,.88); --wash-lo:rgba(255,255,255,.45);
  --glass:rgba(255,255,255,.14); --glass-2:rgba(255,255,255,.22); /* chip on a dark fill (navy, coral) */
  --tag:#E6E3EC; --tag-t:#55515C; --note:#7C7884;
  --sub-t:#5E5A66;                  /* secondary dark text (row heads) */

  /* ---- pastel families: fill · accent · text ---- */
  --yellow:#FDE6A1; --yellow-t:#6B5B3A; --yellow-2:#FFF8DC; --yellow-3:#FFF6D8; --yellow-dash:rgba(107,91,58,.42);
  --green:#CDEEC0; --green-d:#2E7D3A; --green-dt:#2E7D3A; --green-t:#2F5A35; --green-2:#DDF0D2; --green-tt:#1C3A20;
  --green-best:#EEF8EA; --green-dash:rgba(47,90,53,.35);
  --blue:#CFE3FB; --blue-d:#2F6CB0; --blue-dt:#2F6CB0; --blue-t:#244E7E; --blue-bar:#9CC1EA;
  --pink:#FAD3DD; --pink-t:#9A4D66; --pink-tt:#5E2238; --pink-ttt:#6B2D45;
  --lav:#DFD8FB; --lav-t:#5B4FA6;   /* « Dehors » (dark theme: slate, no lavender) */
  --sky:#CFE6FA; --sky-t:#2F6C9E; --sky-tt:#1D4F7A; --sky-dash:rgba(29,79,122,.38);
  --mint:#D3F0E4; --mint-t:#2D7D63; --mint-tt:#1F5E49; --mint-ttt:#163F31;
  --peach:#FFE3CC; --peach-t:#8A4B14; --peach-tt:#5E300A; --peach-2:#F6D9C0;
  --heat:#FFE1C2; --heat-t:#7A3E0E; --heat-d:#E0701F; --heat-dt:#B4520F; --heat-shadow:rgba(60,20,0,.18);
  --orange:#F7A35C; --coral:#F2716B; --orange-line:#F7A35C; --coral-t:#F2716B; /* -line / -t: chart line and text on a card (the plain ones are fills) */ --red:#E5484D; --red-t:#B42328; --warn-t:#C0392B; --hi-alert:#FFFFFF; --late:#E8833A;
  --amber:#F5A524; --gold:#C9A227; --kway-d:#17837E; --flag:#FDE6A1; --flag-t:#8A5A00; --deco:#FFD166;
  --hz1:#FFD84D; --hz1-t:#4A3A00; --hz2:#EE7A1E; --hz3:#D42F3A; /* heat chip: yellow / orange / red vigilance */
  --tcl-d:#00A54F; --tram:#8E44AD;

  /* ---- evening / night navy (banners, "on veille", time change) ---- */
  --navy:#1F2A4D; --navy-t:#C9D0EA; --navy-tt:#DCE2F5; --star:#FFE08A; --event:#2E2A52;

  /* ---- « Quoi mettre » tiers ---- */
  --k1:#CFE3FB; --k1-t:#244E7E; --k2:#CBE8EE; --k2-t:#1D5A68; --k3:#D3F0E4; --k3-t:#256B55; --k4:#E2F0C6; --k4-t:#4A6418;
  --k5:#FDE6A1; --k5-t:#6B5216; --k6:#F9C9A8; --k6-t:#86380F; --kr:#DCE3EC; --kr-t:#34465E; --ku:#FFEDB3; --ku-t:#7A5300;

  /* ---- Aérer ---- */
  --air-bg:linear-gradient(200deg,#BEE3F7,#D6EEFA 55%,#EAF6FC); --air-t:#1E4E73; --air-tt:#163A57; --air-d:#2F6C9E;

  /* ---- veils ---- */
  --night-veil:#000000; --sleep-shade:#1C1B1F; --sleep-t:#FFFFFF; --sleep-sub:#E6E3EA;

  /* ---- weather scenes (app.css .wxbox): background · muted text · icon chip ---- */
  --sc-ink:#1C1B1F; --sc-ink-dk:#FFFFFF; --sc-chip:rgba(255,255,255,.8); --sc-chip-dk:rgba(255,255,255,.14);
  --sc-sub:rgba(255,255,255,.62); --sc-sub-dk:rgba(0,0,0,.24); --sc-icon:#FFFFFF;
  --sc-sun:linear-gradient(200deg,#FFD27A,#FFE6B0 55%,#FFF3D6); --sc-sun-m:#6B5320; --sc-sun-c:#C2700A;
  --sc-partly:linear-gradient(200deg,#9CCBF2,#CFE5F8 60%,#EAF4FC); --sc-partly-m:#23527D; --sc-partly-c:#C2700A;
  --sc-over:linear-gradient(200deg,#AEB6C2,#CDD2D9 60%,#DEE1E6); --sc-over-m:#363E4B; --sc-over-c:#4F5966;
  --sc-rain:linear-gradient(200deg,#34404F,#46566A 55%,#52647A); --sc-rain-m:#E1E7EF; --sc-rain-c:#BFD6F2;
  --sc-storm:linear-gradient(200deg,#15122A,#2A2448 60%,#3B3262); --sc-storm-m:#DCD6F2; --sc-storm-c:#FFD166;
  --sc-storm-sub:rgba(10,8,24,.45); --sc-storm-glow:rgba(10,6,30,.7);
  --sc-snow:linear-gradient(200deg,#B3C6DD,#D3DFEC 60%,#E9EFF6); --sc-snow-m:#34506E; --sc-snow-c:#2F6CB0;
  --sc-fog:linear-gradient(200deg,#B4C1CE,#CAD3DD 50%,#DCE2E9); --sc-fog-ink:#26313D; --sc-fog-m:#3B4856; --sc-fog-c:#4A5A6C;
  --sc-fog-sub:rgba(255,255,255,.55); --sc-fog-big:#33404E; --sc-fog-glow:rgba(244,248,252,.9);
  --sc-night:linear-gradient(200deg,#0F1530,#1D2850 60%,#2A3868); --sc-night-m:#CBD2EC; --sc-night-c:#FFE08A;
  --sc-hot:linear-gradient(200deg,#FFB067,#FFD39A 55%,#FFEBC8); --sc-hot-m:#7A3E0E; --sc-hot-c:#D2600A;
  --sc-hotp:linear-gradient(200deg,#F6C98F,#F9DDB6 60%,#FCEEDA);
  --sc-tonight:#1F2A4D; --sc-tonight-t:#C9D0EA;
  /* storm day card of the Météo view (same sky as the tile) */
  --sc-storm-card:linear-gradient(200deg,#15122A,#2A2448 60%,#3B3262);
  /* scene layers drawn by app.js wxLayers() */
  --ly-sun-glow:rgba(255,255,255,.85); --ly-sun-ray:#FFFFFF; --ly-sun-core:#FFF8E0; --ly-sun-halo:#FFF1C4; --ly-sun-fade:rgba(255,232,170,0);
  --ly-partly-core:#FFF4C8; --ly-partly-halo:#FFE9A6; --ly-partly-fade:rgba(255,236,170,0); --ly-partly-cloud:#FFFFFF;
  --ly-over-1:#98A1AE; --ly-over-2:#EEF0F3;
  --ly-rain-cloud:#2A3442; --ly-rain-drop:rgba(214,228,245,.32);
  --ly-storm-cloud:#120F22; --ly-storm-drop:rgba(200,190,240,.26); --ly-storm-glow:rgba(225,215,255,.4); --ly-storm-fade:rgba(225,215,255,0);
  --ly-bolt-halo:#B9A8FF; --ly-bolt-core:#FFF6D6; --ly-bolt:#FFFFFF;
  --ly-snow-cloud:#FFFFFF; --ly-snow-1:#FFFFFF; --ly-snow-2:rgba(60,100,165,.42);
  --ly-haze:#F7FAFD;
  --ly-moon-glow:rgba(255,231,160,.32); --ly-moon-fade:rgba(255,231,160,0); --ly-moon:#FFE7A0; --ly-dots:#B7C3EE; --ly-star:#E4E9FF; --ly-nightc-cloud:#3A4A7A;
  /* weather icons on a light sub-card (WX_ICOL) / on a dark scene */
  --wxi-sun:#C2700A; --wxi-over:#4F5966; --wxi-rain:#2F6CB0; --wxi-storm:#5B43B0; --wxi-fog:#4A5A6C; --wxi-night:#5B4FA6;
  --wxi-dk-sun:#FFD166; --wxi-dk:#DCE4F5;
}

/* Dark theme: very dark (not black) page, cards a step lighter, muted pastels that keep their meaning
   (green bike, blue metro, orange heat), off-white text, no violet / lavender except the night sky. */
:root[data-theme="dark"]{
  --page:#0A0B0D; --bg:#121418; --card:#1B1E24; --ink:#E9E7E2; --muted:#9DA1AA; --faint:#7A7E87; --line:#2A2E35;
  --line-2:#30343C; --line-3:#3A3F48;
  --on-color:#F4F1EB;
  --on-line:#FFFFFF;
  --strong:#3D424C; --on-strong:#F2F0EC;
  --hi:#2D323B;
  --wash:rgba(255,255,255,.06);
  --wash-2:rgba(255,255,255,.08); --wash-3:rgba(255,255,255,.12); --wash-lo:rgba(255,255,255,.05);
  --glass:rgba(255,255,255,.10); --glass-2:rgba(255,255,255,.14);
  --tag:#353A44; --tag-t:#C5C8CF; --note:#4A4F59;
  --sub-t:#B4B7BE;

  --yellow:#322B1B; --yellow-t:#E2CC93; --yellow-2:#3B3423; --yellow-3:#2A261B; --yellow-dash:rgba(226,204,147,.32);
  --green:#1D3022; --green-d:#3B8A48; --green-dt:#7CCB88; --green-t:#A8D9AF; --green-2:#1D2F20; --green-tt:#C2E5C6;
  --green-best:#1F2B22; --green-dash:rgba(168,217,175,.3);
  --blue:#1B293B; --blue-d:#3F78BA; --blue-dt:#86B4E6; --blue-t:#AFCBEE; --blue-bar:#2E4A6A;
  --pink:#39232A; --pink-t:#E4A6B8; --pink-tt:#F1C6D2; --pink-ttt:#EDBFCD;
  --lav:#263241; --lav-t:#A8B8C9;
  --sky:#1A2A38; --sky-t:#8EBFE6; --sky-tt:#B5D5EF; --sky-dash:rgba(142,191,230,.32);
  --mint:#18302A; --mint-t:#7DCBAE; --mint-tt:#A6DEC7; --mint-ttt:#C4EBDB;
  --peach:#36281D; --peach-t:#E3B48A; --peach-tt:#F0CBA8; --peach-2:#4A3526;
  --heat:#392716; --heat-t:#E9B487; --heat-d:#B85E1D; --heat-dt:#E79A5E; --heat-shadow:rgba(0,0,0,.35);
  --orange:#6E4325; --coral:#5E2B28; --orange-line:#D08A4E; --coral-t:#F08A7E; --red:#742A2F; --red-t:#F2B8B4; --warn-t:#F08A7E; --hi-alert:#4A2427; --late:#9A5A2C;
  --amber:#D08A1E; --gold:#8E7420; --kway-d:#2C8A84; --flag:#4A3C14; --flag-t:#EFD07E; --deco:#4A3A1C;
  --hz1:#6E5A1C; --hz1-t:#F4F1EB; --hz2:#7A4419; --hz3:#742A2F;
  --tcl-d:#00A54F; --tram:#8E44AD;

  --navy:#1C2442; --navy-t:#B4BEDC; --navy-tt:#CBD3EA; --star:#E6C56C; --event:#1F2740;

  --k1:#1B293B; --k1-t:#AFCBEE; --k2:#173038; --k2-t:#9ED0DB; --k3:#18302A; --k3-t:#9FDCC4; --k4:#252F18; --k4-t:#C3DB8E;
  --k5:#322B1B; --k5-t:#E8CF8A; --k6:#3A2418; --k6-t:#F0B08A; --kr:#232A33; --kr-t:#B5C2D3; --ku:#382E14; --ku-t:#F2D27A;

  --air-bg:linear-gradient(200deg,#1C3142,#1A2B38 55%,#172530); --air-t:#A9CDEA; --air-tt:#C9E1F4; --air-d:#4F8DC0;

  --night-veil:#000000; --sleep-shade:#060709; --sleep-t:#F2F0EC; --sleep-sub:#C9CBD1;

  --sc-ink:#EDEBE6; --sc-ink-dk:#F2F0EC; --sc-chip:rgba(255,255,255,.08); --sc-chip-dk:rgba(255,255,255,.10);
  --sc-sub:rgba(255,255,255,.07); --sc-sub-dk:rgba(0,0,0,.24); --sc-icon:#2A2E36;
  --sc-sun:linear-gradient(200deg,#3D2C13,#2C2318 55%,#201D19); --sc-sun-m:#E0C48C; --sc-sun-c:#EBAE4E;
  --sc-partly:linear-gradient(200deg,#1D2D3F,#1A2532 60%,#171E27); --sc-partly-m:#A9C6E2; --sc-partly-c:#E5A84C;
  --sc-over:linear-gradient(200deg,#2C3139,#262B32 60%,#20242A); --sc-over-m:#BAC1CB; --sc-over-c:#AEB7C3;
  --sc-rain:linear-gradient(200deg,#1D252F,#222C38 55%,#273342); --sc-rain-m:#C9D3DF; --sc-rain-c:#9CBCE2;
  --sc-storm:linear-gradient(200deg,#0F0F18,#171725 60%,#1F1E30); --sc-storm-m:#C9C7D6; --sc-storm-c:#E6BD55;
  --sc-storm-sub:rgba(0,0,0,.3); --sc-storm-glow:rgba(0,0,0,.6);
  --sc-snow:linear-gradient(200deg,#1E2834,#232F3C 60%,#293544); --sc-snow-m:#B7C8DA; --sc-snow-c:#8FB6E6;
  --sc-fog:linear-gradient(200deg,#2B3139,#262B32 50%,#22262C); --sc-fog-ink:#E1E5EA; --sc-fog-m:#B3BCC6; --sc-fog-c:#A9B5C2;
  --sc-fog-sub:rgba(255,255,255,.07); --sc-fog-big:#DDE2E8; --sc-fog-glow:rgba(0,0,0,.35);
  --sc-night:linear-gradient(200deg,#0B1024,#141C38 60%,#1B2547); --sc-night-m:#B9C1DE; --sc-night-c:#E6C56C;
  --sc-hot:linear-gradient(200deg,#422510,#34220F 55%,#281C12); --sc-hot-m:#EBB487; --sc-hot-c:#EE9848;
  --sc-hotp:linear-gradient(200deg,#35271A,#2D2319 60%,#251E17);
  --sc-tonight:#1C2442; --sc-tonight-t:#B4BEDC;
  --sc-storm-card:linear-gradient(200deg,#0F0F18,#171725 60%,#1F1E30);
  --ly-sun-glow:rgba(255,196,120,.12); --ly-sun-ray:#E8B060; --ly-sun-core:#6E5226; --ly-sun-halo:#4E3B1E; --ly-sun-fade:rgba(78,59,30,0);
  --ly-partly-core:#5E4A24; --ly-partly-halo:#43361D; --ly-partly-fade:rgba(67,54,29,0); --ly-partly-cloud:#33404F;
  --ly-over-1:#14171C; --ly-over-2:#3A4049;
  --ly-rain-cloud:#141920; --ly-rain-drop:rgba(190,205,225,.22);
  --ly-storm-cloud:#09090F; --ly-storm-drop:rgba(180,180,200,.18); --ly-storm-glow:rgba(205,200,230,.2); --ly-storm-fade:rgba(205,200,230,0);
  --ly-bolt-halo:#8C88B0; --ly-bolt-core:#E4DEC6; --ly-bolt:#E8E7EE;
  --ly-snow-cloud:#465365; --ly-snow-1:#C9D4E0; --ly-snow-2:rgba(150,180,220,.35);
  --ly-haze:#4A535E;
  --ly-moon-glow:rgba(230,200,120,.16); --ly-moon-fade:rgba(230,200,120,0); --ly-moon:#E2C77E; --ly-dots:#8C97BE; --ly-star:#C7CEEA; --ly-nightc-cloud:#2A3560;
  --wxi-sun:#E9A54A; --wxi-over:#AEB7C3; --wxi-rain:#86B4E6; --wxi-storm:#B9B6CC; --wxi-fog:#A9B5C2; --wxi-night:#A9A4DA;
  --wxi-dk-sun:#E8BE55; --wxi-dk:#C9D2E6;
}