/* Design tokens — DESIGN.md §4–6. Aucune couleur ni taille en dur ailleurs. */

@font-face { font-family: "Onest"; font-weight: 400; font-display: swap; src: url("/assets/onest-latin-400-normal-a2cda0d4.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 400; font-display: swap; src: url("/assets/onest-latin-ext-400-normal-757a0371.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-weight: 500; font-display: swap; src: url("/assets/onest-latin-500-normal-d4d6ed1c.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-weight: 500; font-display: swap; src: url("/assets/onest-latin-ext-500-normal-c2e207f0.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Onest"; font-weight: 600; font-display: swap; src: url("/assets/onest-latin-600-normal-de3095d8.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 600; font-display: swap; src: url("/assets/schibsted-grotesk-latin-600-normal-6b076612.woff2") format("woff2"); }
@font-face { font-family: "Schibsted Grotesk"; font-weight: 700; font-display: swap; src: url("/assets/schibsted-grotesk-latin-700-normal-74b7cdf8.woff2") format("woff2"); }
@font-face { font-family: "Spline Sans Mono"; font-weight: 400; font-display: swap; src: url("/assets/spline-sans-mono-latin-400-normal-f3091b43.woff2") format("woff2"); }
@font-face { font-family: "Spline Sans Mono"; font-weight: 500; font-display: swap; src: url("/assets/spline-sans-mono-latin-500-normal-5090dcd7.woff2") format("woff2"); }

:root {
  --porcelaine: #F5F6F4; --surface: #FFFFFF; --graphite: #1C1F22; --ardoise: #6B7178; --trait: #E3E5E2;
  --prusse: #1F4E79; --ambre: #E39A0B; --succes: #2E7D5B; --erreur: #C2410C;
  --surface-2: #EEF0ED; --ambre-doux: #FBF1DC;
  --cal-pro: #4F74A8; --cal-perso: #5F8F72; --cal-equipe: #9A6C8E;
  --cal-ocre: #A3823F; --cal-sarcelle: #3E8789; --cal-brique: #AD6550;
  --cal-indigo: #5B5FB0; --cal-rose: #B05C7E; --cal-olive: #7D8A3E;
  --cal-orange: #C2772C; --cal-ciel: #3D8EC2; --cal-gris: #6E7480;

  --glass-bg: rgb(255 255 255 / .58); --glass-edge: rgb(255 255 255 / .75); --glass-line: rgb(28 31 34 / .08);
  --glass-shine: rgb(255 255 255 / .55); --glass-shadow: 0 10px 30px -12px rgb(28 31 34 / .28);

  --f-titre: "Schibsted Grotesk", system-ui, sans-serif;
  --f-texte: "Onest", system-ui, sans-serif;
  --f-donnees: "Spline Sans Mono", ui-monospace, monospace;

  --r-widget: 10px; --r-ctrl: 6px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --porcelaine: #121416; --surface: #1A1D20; --graphite: #E8EAEC; --ardoise: #8B9197; --trait: #2A2E33;
  --prusse: #6FA3D8; --ambre: #F5B43A; --succes: #5FB48C; --erreur: #F07B4A;
  --surface-2: #22262A; --ambre-doux: #3A2F17;
  --cal-pro: #7C9FD1; --cal-perso: #86B597; --cal-equipe: #C094B4;
  --cal-ocre: #CDAE6E; --cal-sarcelle: #72B4B5; --cal-brique: #D6917D;
  --cal-indigo: #9A9DE0; --cal-rose: #DB93B0; --cal-olive: #B3BF74;
  --cal-orange: #E8A866; --cal-ciel: #7DBCE6; --cal-gris: #A2A9B4;
  --glass-bg: rgb(34 38 42 / .55); --glass-edge: rgb(255 255 255 / .14); --glass-line: rgb(255 255 255 / .06);
  --glass-shine: rgb(255 255 255 / .10); --glass-shadow: 0 10px 30px -12px rgb(0 0 0 / .6);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --porcelaine: #121416; --surface: #1A1D20; --graphite: #E8EAEC; --ardoise: #8B9197; --trait: #2A2E33;
    --prusse: #6FA3D8; --ambre: #F5B43A; --succes: #5FB48C; --erreur: #F07B4A;
    --surface-2: #22262A; --ambre-doux: #3A2F17;
    --cal-pro: #7C9FD1; --cal-perso: #86B597; --cal-equipe: #C094B4;
    --cal-ocre: #CDAE6E; --cal-sarcelle: #72B4B5; --cal-brique: #D6917D;
    --cal-indigo: #9A9DE0; --cal-rose: #DB93B0; --cal-olive: #B3BF74;
    --cal-orange: #E8A866; --cal-ciel: #7DBCE6; --cal-gris: #A2A9B4;
    --glass-bg: rgb(34 38 42 / .55); --glass-edge: rgb(255 255 255 / .14); --glass-line: rgb(255 255 255 / .06);
    --glass-shine: rgb(255 255 255 / .10); --glass-shadow: 0 10px 30px -12px rgb(0 0 0 / .6);
    color-scheme: dark;
  }
}