/* Jetons du site — les MÊMES noms et les MÊMES valeurs que l'app
   (`src/app.css` du multitool, lignes 7 à 65, DA « Noir Lunaire »).

   Pourquoi recopier plutôt qu'inventer : le site avait son propre jeu de
   gris, et deux systèmes de couleurs finissent toujours par se contredire.
   Avec les mêmes noms, une règle se lit pareil des deux côtés, et le panel
   admin reprend ce fichier tel quel. Un changement de DA se fait d'abord
   dans l'app, puis se recopie ici.

   C'est le SEUL fichier du site qui écrit une couleur (`check-css` le tient) :
   partout ailleurs, `var(--…)`. */
:root {
  --bg: oklch(0.105 0.005 260);
  --bg-2: oklch(0.125 0.006 260);
  --bg-deep: oklch(0.082 0.004 260); /* rail / zones en retrait, presque noir */
  --surface: oklch(0.148 0.007 259);
  --surface-2: oklch(0.188 0.008 258);
  --surface-3: oklch(0.235 0.009 257);
  /* Alias rétro-compat (anciens noms référencés dans App.svelte). */
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);

  --hairline: oklch(1 0 0 / 0.05);
  --border: oklch(1 0 0 / 0.08);
  --border-strong: oklch(1 0 0 / 0.15);

  --text: oklch(0.95 0.006 250);
  --text-muted: oklch(0.72 0.01 250);
  --text-dim: oklch(0.54 0.012 250);

  /* Accent blanc lunaire — actions primaires, valeurs vives, sélections. */
  --accent: oklch(0.96 0.005 260);
  --accent-bright: oklch(0.99 0.002 260);
  --accent-strong: oklch(0.87 0.006 260);
  --accent-soft: oklch(0.96 0.005 260 / 0.1);
  --on-accent: oklch(0.13 0.005 260);

  --ok: oklch(0.78 0.13 162);
  --danger: oklch(0.64 0.19 25);
  --warn: oklch(0.82 0.125 85);

  /* Conservé pour compat ; n'est plus une lueur, juste une ombre douce. */
  --glow: oklch(0.96 0.005 260 / 0.14);

  /* Arrondis launcher (Epic) : cartes et item de nav sélectionné ~12 px,
     la profondeur vient des aplats. */
  --radius: 12px;
  --radius-sm: 9px;
  --radius-xs: 6px;

  /* Ombres teintées (hue du fond, pas du noir pur) + arête vitrée : la lumière
     vient du haut, comme une lune. Donne de la profondeur premium aux surfaces. */
  /* Arête vitrée intégrée : toutes les cartes qui utilisent --shadow-soft
     gagnent automatiquement le liseré clair supérieur (lift uniforme). */
  --shadow-soft:
    inset 0 1px 0 oklch(1 0 0 / 0.06),
    0 1px 1px oklch(0.04 0.01 255 / 0.5),
    0 16px 32px -18px oklch(0.04 0.01 255 / 0.9);
  --shadow-pop:
    0 1px 1px oklch(0.04 0.01 255 / 0.5),
    0 24px 56px -16px oklch(0.03 0.01 255 / 0.85);
  /* Liseré supérieur clair (réfraction de bord) à poser en box-shadow inset. */
  --edge-hi: inset 0 1px 0 oklch(1 0 0 / 0.06);
  --edge-hi-strong: inset 0 1px 0 oklch(1 0 0 / 0.1);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --sans: "Space Grotesk Variable", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Consolas, monospace;
  /* Police d'affichage éditoriale — réservée aux grands titres (DA "dark luxe"). */
  --display: "Bricolage Grotesque Variable", "Space Grotesk Variable", system-ui, sans-serif;

  /* Seul jeton propre au site : le fond du terminal d'ouverture, le palier
     le plus sombre. Les zones se séparent par paliers de noir, jamais par des
     cadres (Reinhardt) : seuil 0,045 → planche `--bg-deep` 0,082 → colophon
     et offres `--bg` 0,105. */
  --seuil: oklch(0.045 0.003 260);

  color-scheme: dark;
}