/*
================================================================================
  ◎ DESIGN SYSTEM DEMO — FUSION LIGHT CHÊNE × ORGANIQUE JAPONAIS (ADR-007)
  Fichier    : /opt/cortex/demo/src/css/tokens.css
  Sémantique : Palette OKLCH unique réconciliée (dossier 05 §2) · rayons
               super-ellipses · espacement géométrique « Ma » (--space-g1..g4)
               ADDITIF aux primitives spectrales --space-z1..z5 et
               --duration-z SCELLÉES (valeurs reproduites à l'identique).
               PIÈGE : jamais la séquence étoile-slash dans un commentaire —
               elle le ferme et le parseur avale tout le fichier (bug v66).
  Version    : v4.1 — Réconciliation ADR-007 · un seul langage visuel
================================================================================
*/

:root {
  /* ── SURFACES (papier Washi → structure → sidebar sombre) ──────────────── */
  --bg-paper: oklch(0.98 0.005 82);     /* papier Washi — plan de focus */
  --bg-deep: oklch(0.96 0.015 84);      /* fond principal satiné */
  --bg-structure: oklch(0.92 0.01 84);  /* panneaux, parois claires */
  --bg-card-alt: oklch(0.94 0.02 84);   /* soft-focus au survol */
  --bg-sidebar: oklch(0.30 0.03 38);    /* sidebar contexte, bois sombre huilé */
  --bg-sidebar-raise: oklch(0.35 0.03 38); /* relief discret dans la sidebar */

  /* ── ENCRES (Sumi-e organique, jamais de noir pur) ─────────────────────── */
  --ink: oklch(0.21 0.02 50);           /* encre primaire — titres, verdicts */
  --ink-2: oklch(0.30 0.02 55);         /* corps de texte */
  --ink-muted: oklch(0.43 0.02 60);     /* PLAFOND L 0.43 sur surfaces claires (WCAG §6) */
  --ink-on-dark: oklch(0.96 0.01 84);   /* texte sur sidebar sombre */
  --ink-on-dark-muted: oklch(0.75 0.02 80); /* texte atténué sur sombre */

  /* ── SIGNAL MOUSSE — famille verte UNIQUE h≈128 (ADR-007 §1) ───────────── */
  --signal: oklch(0.74 0.11 128);            /* action primaire (fill, label --ink) */
  --signal-status: oklch(0.55 0.13 130);     /* état actif/online — pastilles/fonds */
  --signal-deep: oklch(0.40 0.12 130);       /* dérivé texte sur fond teinté clair */
  --signal-dim: oklch(0.74 0.11 128 / 0.14); /* fond teinté Mousse */

  /* ── ACCENT TERRE CUITE (fusion copper existant, h47) ──────────────────── */
  --accent: oklch(0.65 0.15 47);             /* terre cuite — TIÈDE, chaleur */
  --accent-ink: oklch(0.46 0.16 47);         /* dérivé sombre, usage texte WCAG */
  --accent-dim: oklch(0.65 0.15 47 / 0.13);  /* fond teinté terre cuite */

  /* ── FILETS — tracés fins à la plume (1px, jamais épais) ───────────────── */
  --line: oklch(0.21 0.02 50 / 0.08);        /* filet subtil */
  --line-strong: oklch(0.21 0.02 50 / 0.16); /* filet appuyé (contour input) */
  --line-on-dark: oklch(0.96 0.01 84 / 0.10);/* filet sur sidebar sombre */

  /* ── BLOC TÉLÉMÉTRIE JSON (ébène, coloration syntaxique) ───────────────── */
  --terminal-bg: oklch(0.12 0.015 80 / 0.94);
  --terminal-cmd: oklch(0.96 0.015 85);
  --terminal-success: oklch(0.78 0.14 128);  /* vert ALIGNÉ famille Mousse */
  --terminal-process: oklch(0.78 0.13 80);
  --terminal-meta: oklch(0.68 0.14 47);

  /* ── ESPACEMENT GÉOMÉTRIQUE « Ma » (namespace g — ADDITIF aux z) ───────── */
  --space-g1: 16px;  /* gouttière fine, padding compact */
  --space-g2: 32px;  /* gouttière inter-éléments standard */
  --space-g3: 48px;  /* marges internes massives de la zone focus */
  --space-g4: 64px;  /* macro-respiration — le « Ma », jamais comblé */

  /* ── ÉCHELLE SPECTRALE SCELLÉE — valeurs certifiées, NE PAS MODIFIER ───── */
  --space-z1: 1.413rem;
  --space-z2: 2.102rem;
  --space-z3: 2.501rem;
  --space-z4: 3.042rem;
  --space-z5: 3.293rem;

  /* ── DURÉES SPECTRALES SCELLÉES — ordonnancement non-périodique ────────── */
  --duration-z1: 444.5ms; /* respiration lente, flux dactylo */
  --duration-z2: 298.8ms; /* translation de cartes, soft-focus */
  --duration-z3: 251.2ms; /* bascules secondaires, pilule sidebar */
  --duration-z5: 190.7ms; /* réponse haptique au clic */

  /* ── RAYONS SIGNATURE — super-ellipses, UNITÉ TOTALE (zéro 8px) ────────── */
  --radius-md: 16px;    /* inputs, petites cartes, puces */
  --radius-lg: 32px;    /* panneaux flottants, zone focus, cartes lead */
  --radius-pill: 999px; /* pilule sidebar, badges de chaleur */

  /* ── ÉLÉVATION DOUCE (néo-brutalisme DOUX — ombres diffuses) ───────────── */
  --shadow-float: 0 8px 32px oklch(0.21 0.02 50 / 0.06);
  --shadow-input: 0 4px 24px oklch(0.21 0.02 50 / 0.08);
  --shadow-focus: 0 0 0 3px oklch(0.74 0.11 128 / 0.25);

  /* ── TYPOGRAPHIE FLUIDE — contraste modéré ─────────────────────────────── */
  --text-sm:   clamp(0.82rem, 0.78rem + 0.2vw, 0.92rem);
  --text-base: clamp(0.95rem, 0.90rem + 0.3vw, 1.05rem);
  --text-lg:   clamp(1.20rem, 1.10rem + 0.6vw, 1.50rem);
  --text-xl:   clamp(1.75rem, 1.50rem + 1.2vw, 2.50rem);
}