/* Skalib — design tokens (charte graphique). Source : identite/charte-graphique.html + identite/saisons.md
   Deux familles :
   - .theme-dark (nuit boréale STABLE) → back-office + portails (outils de travail)
   - .theme-light[data-season] (clair premium SAISONNIER) → site voyageur
   L'ambre est CONSTANT aux 4 saisons. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Hanken+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* Constantes de marque (toutes surfaces, toutes saisons) */
  --ember: #F0A05A;        /* ambre — action chaude, rare */
  --ember-deep: #D2773A;   /* braise — survol */

  /* Typographies */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "Space Mono", monospace;

  /* Rayons / ombres communs */
  --radius: 14px;
  --radius-lg: 18px;
}

/* ===================== THÈME SOMBRE STABLE (outils de travail) ===================== */
.theme-dark {
  --night: #0A1719;
  --spruce-900: #0D2220;
  --spruce-800: #123330;
  --spruce-700: #1A4A41;
  --snow: #EEF3EF;
  --snow-dim: #C3D0CB;
  --lake: #46B4C1;
  --lake-deep: #2A7C8A;
  --ice: #A6DBE1;
  --muted: #7C938D;
  --muted-2: #566B66;
  --line: #1C3A36;
  --green: #6FCF97;
  --danger: #E8795A;

  --bg: var(--night);
  --surface: var(--spruce-900);
  --surface-2: var(--spruce-800);
  --text: var(--snow);
  --text-dim: var(--snow-dim);
  --accent-cold: var(--lake);
  --border: var(--line);
}

/* ===================== THÈME CLAIR PREMIUM SAISONNIER (site voyageur) ===================== */
/* Seuls --bg, --surface, --accent-cold, --detail glissent avec la saison. */
.theme-light {
  --text: #17302B;          /* encre épinette */
  --text-dim: #5B6E68;      /* ardoise douce */
  --muted: #5B6E68;
  --border: rgba(23, 48, 43, 0.12);
  --green: #2F8F5B;
  --danger: #C24A2C;

  /* Défaut = été indien (couleur signature Skalib) ; surchargé par data-season */
  --bg: #F7EEDD;
  --surface: #FBF4E7;
  --accent-cold: #C9772F;
  --detail: #E7B57A;
}
.theme-light[data-season="hiver"]     { --bg:#F1F5F6; --surface:#FBFDFD; --accent-cold:#3E97A8; --detail:#BFE0E6; }
.theme-light[data-season="printemps"] { --bg:#F6F7F1; --surface:#FCFDF8; --accent-cold:#4FA890; --detail:#AFCFB6; }
.theme-light[data-season="ete"]       { --bg:#FAF6EC; --surface:#FFFDF6; --accent-cold:#2FA6B4; --detail:#AEDCE2; }
.theme-light[data-season="ete-indien"]{ --bg:#F7EEDD; --surface:#FBF4E7; --accent-cold:#C9772F; --detail:#E7B57A; }

/* ===================== Base commune ===================== */
.theme-dark, .theme-light {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

.sk-btn {
  background: var(--ember); color: #1a0f06; font-weight: 600;
  border: none; border-radius: 999px; padding: 12px 22px;
  font-family: var(--font-body); font-size: 14px; cursor: pointer;
}
.sk-btn:hover { background: var(--ember-deep); }
.sk-btn:focus-visible { outline: 3px solid var(--accent-cold); outline-offset: 2px; }
.sk-btn.ghost { background: transparent; color: var(--text); border: 1px solid var(--border); }

.sk-wordmark { font-family: var(--font-display); font-weight: 600; letter-spacing: -0.03em; }
.sk-wordmark .i-moon { color: var(--ember); }  /* le point du i = la lune */

.sk-mono { font-family: var(--font-mono); }