/* Klimat — tokens de la Charte Klimat, générés depuis klimat-tokens.json.
   Rampes et données : identiques dans les deux thèmes. Rôles : clairs sur :root,
   sombres sous [data-theme="dark"] ou, sans choix explicite, prefers-color-scheme. */
:root {
  --verone-50: #eefaf6;
  --verone-100: #d5f1e7;
  --verone-200: #afe3d2;
  --verone-300: #6cc9b0;
  --verone-400: #3eb597;
  --verone-500: #009f7f;
  --verone-600: #00856b;
  --verone-700: #00765f;
  --verone-800: #00614d;
  --verone-900: #004436;
  --verone-950: #042a20;
  --onyx-0: #ffffff;
  --onyx-50: #f5f9f7;
  --onyx-100: #eef3f1;
  --onyx-200: #e1e9e6;
  --onyx-300: #d3dcd9;
  --onyx-400: #9fb1ab;
  --onyx-500: #6a7673;
  --onyx-600: #56625f;
  --onyx-700: #414d4b;
  --onyx-800: #2f3a3b;
  --onyx-900: #17231f;
  --onyx-950: #0e1917;
  --orge-50: #fff9ed;
  --orge-100: #ffefd3;
  --orge-200: #f9e0b1;
  --orge-300: #f3cf8d;
  --orge-400: #eec271;
  --orge-500: #e7ad45;
  --orge-600: #b68836;
  --orge-700: #96702c;
  --orge-800: #57411a;
  --orge-900: #3d2e12;
  --friandise-50: #fef3f1;
  --friandise-100: #f0d5ca;
  --friandise-200: #ebb7a5;
  --friandise-300: #e59a86;
  --friandise-400: #e17f69;
  --friandise-500: #e05c49;
  --friandise-600: #cb4c39;
  --friandise-700: #b23a28;
  --friandise-800: #892b1e;
  --friandise-900: #5e1b11;
  --osmium-100: #d9f0f3;
  --osmium-300: #8dd2da;
  --osmium-500: #44a7b3;
  --osmium-700: #04707c;
  --osmium-900: #023d45;
  --cybergrappe: #5d407b;
  --vignoble: #a73856;
  --zone-1: #b23a28;
  --zone-2: #e05c49;
  --zone-3: #e7ad45;
  --zone-4: #f9e0b1;
  --zone-5: #6cc9b0;
  --zone-6: #00614d;
  --on-zone-1: #ffffff;
  --on-zone-2: #0e1917;
  --on-zone-3: #0e1917;
  --on-zone-4: #0e1917;
  --on-zone-5: #0e1917;
  --on-zone-6: #ffffff;
  --delta-n3: #b23a28;
  --delta-n2: #e05c49;
  --delta-n1: #f0d5ca;
  --delta-0: #eef3f1;
  --delta-p1: #d5f1e7;
  --delta-p2: #6cc9b0;
  --delta-p3: #00614d;
  --cat-1: #44a7b3;
  --cat-2: #5d407b;
  --cat-3: #a73856;
  --cat-4: #e7ad45;
  --cat-5: #004436;
  --cat-6: #9fb1ab;
  --bg: #ffffff;
  --bg-app: #ffffff;
  --surface: #ffffff;
  --surface-mist: #eef3f1;
  --surface-sunken: #e1e9e6;
  --surface-night: #0e1917;
  --ink: #0e1917;
  --text: #2f3a3b;
  --text-mute: #56625f;
  --text-placeholder: #6a7673;
  --line: #d3dcd9;
  --line-strong: #84938f;
  --action: #00765f;
  --action-hover: #00614d;
  --on-action: #ffffff;
  --action-soft: #d5f1e7;
  --on-action-soft: #00614d;
  --link: #00765f;
  --focus: #00765f;
  --signature: #009f7f;
  --question: #e7ad45;
  --danger: #b23a28;
  --on-danger: #ffffff;
  --danger-soft: #fef3f1;
  --warning: #57411a;
  --warning-soft: #fff9ed;
  --info: #04707c;
  --info-soft: #d9f0f3;
  --success: #00765f;
  --success-soft: #eefaf6;
  --nav-bg: #eef3f1;
  --nav-text: #2f3a3b;
  --nav-mute: #56625f;
  --nav-hover: #e1e9e6;
  --nav-active: #ffffff;
  --on-nav-active: #0e1917;
  --nav-active-border: #d3dcd9;
  --nav-active-icon: #00765f;
  --nav-pastille: #009f7f;
  --nav-border: #eef3f1;
  --nc-a: #eef3f1;
  --nc-b: #e1e9e6;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --radius-photo: 4px;
  --radius-chip: 6px;
  --radius-field: 10px;
  --radius-panel: 14px;
  --radius-pill: 999px;
  --shadow-levee: 0 18px 40px -18px rgba(14,25,23,0.38), 0 2px 6px -2px rgba(14,25,23,0.16);
  --shadow-halo: 0 0 0 3px rgba(0,118,95,0.22);
  --shadow-halo-danger: 0 0 0 3px rgba(178,58,40,0.14);
  --font-sans: "Schibsted Grotesk Variable", "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
}
[data-theme="dark"] {
  --bg: #0e1917;
  --bg-app: #131f1c;
  --surface: #17231f;
  --surface-mist: #1f2c28;
  --surface-sunken: #2f3a3b;
  --ink: #f5f9f7;
  --text: #e1e9e6;
  --text-mute: #9fb1ab;
  --text-placeholder: #9fb1ab;
  --line: #2f3a3b;
  --line-strong: #6a7673;
  --action: #009f7f;
  --action-hover: #3eb597;
  --on-action: #0e1917;
  --action-soft: #042a20;
  --on-action-soft: #6cc9b0;
  --link: #6cc9b0;
  --focus: #6cc9b0;
  --danger: #e17f69;
  --on-danger: #0e1917;
  --danger-soft: #3a1c16;
  --warning: #eec271;
  --warning-soft: #33270f;
  --info: #8dd2da;
  --info-soft: #0f2e33;
  --success: #6cc9b0;
  --success-soft: #042a20;
  --nav-bg: #0e1917;
  --nav-text: #e1e9e6;
  --nav-mute: #9fb1ab;
  --nav-hover: #17231f;
  --nav-active: #17231f;
  --on-nav-active: #ffffff;
  --nav-active-border: #2f3a3b;
  --nav-active-icon: #6cc9b0;
  --nav-pastille: #6cc9b0;
  --nav-border: #2f3a3b;
  --nc-a: #1f2c28;
  --nc-b: #2f3a3b;
  --shadow-levee: 0 18px 40px -16px rgba(0,0,0,0.65), 0 2px 6px -2px rgba(0,0,0,0.5);
  --shadow-halo: 0 0 0 3px rgba(108,201,176,0.30);
  --shadow-halo-danger: 0 0 0 3px rgba(225,127,105,0.25);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1917;
    --bg-app: #131f1c;
    --surface: #17231f;
    --surface-mist: #1f2c28;
    --surface-sunken: #2f3a3b;
    --ink: #f5f9f7;
    --text: #e1e9e6;
    --text-mute: #9fb1ab;
    --text-placeholder: #9fb1ab;
    --line: #2f3a3b;
    --line-strong: #6a7673;
    --action: #009f7f;
    --action-hover: #3eb597;
    --on-action: #0e1917;
    --action-soft: #042a20;
    --on-action-soft: #6cc9b0;
    --link: #6cc9b0;
    --focus: #6cc9b0;
    --danger: #e17f69;
    --on-danger: #0e1917;
    --danger-soft: #3a1c16;
    --warning: #eec271;
    --warning-soft: #33270f;
    --info: #8dd2da;
    --info-soft: #0f2e33;
    --success: #6cc9b0;
    --success-soft: #042a20;
    --nav-bg: #0e1917;
    --nav-text: #e1e9e6;
    --nav-mute: #9fb1ab;
    --nav-hover: #17231f;
    --nav-active: #17231f;
    --on-nav-active: #ffffff;
    --nav-active-border: #2f3a3b;
    --nav-active-icon: #6cc9b0;
    --nav-pastille: #6cc9b0;
    --nav-border: #2f3a3b;
    --nc-a: #1f2c28;
    --nc-b: #2f3a3b;
    --shadow-levee: 0 18px 40px -16px rgba(0,0,0,0.65), 0 2px 6px -2px rgba(0,0,0,0.5);
    --shadow-halo: 0 0 0 3px rgba(108,201,176,0.30);
    --shadow-halo-danger: 0 0 0 3px rgba(225,127,105,0.25);
  }
}