/* Les jetons de SINGULARITY — une seule source, partagée par la régie et le
   Playground. Les jetons structurels (espacement, rayons, typographie,
   gabarits de contrôle) sont communs ; les couleurs de la direction F
   « Souplesse » vivent ici et seront adoptées par les pages en T3. */

:root {
  color-scheme: dark;
  /* espacements (échelle unique) */
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px; --e7: 48px;
  /* rayons et gabarits */
  --r1: 6px; --r2: 10px; --r3: 14px; --r4: 18px; --rp: 999px;
  --h-controle: 44px; --h-serre: 36px;
  --duree: 180ms;
  /* polices */
  --police: "Inter", ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --police-titre: "Space Grotesk", "Inter", ui-sans-serif, sans-serif;
  --police-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  /* échelle typographique */
  --t-micro: 10.5px; --t-mini: 11px; --t-petit: 11.5px; --t-aide: 12px;
  --t-corps-s: 12.5px; --t-corps: 13px; --t-etiquette: 13.5px; --t-lecture: 14px;
  --t-titre: 16px; --t-marque: 17px; --t-mesure: 22px;
  /* couleurs — nuit (direction F) */
  --fond: #0E1116; --creux: #0A0C0F;
  --surface: #14181E; --surface2: #1A1F26; --surface3: #212831;
  --filet: #262D36; --bord-ui: #5F6B78;
  --bord-bouton: var(--bord-ui); --fond-bouton: var(--surface2);
  --piste-remplie: var(--accent);
  /* Le point du switch allumé : clair, pour ne pas peser sur la couleur. */
  --point-switch: #FFFFFF;
  --encre: #E8EDF2; --doux: #A7B0BA; --doux2: #818B97;
  --accent: #FF885C; --accent-fill: #FF6B35; --sur-accent: #0A0C0F; --accent-soft: rgba(255,107,53,.14);
  --danger: #F0A2A2; --danger-soft: rgba(240,162,162,.14);
  --ombre: 0 18px 40px -28px rgba(0,0,0,.7);
  --lueur: inset 0 1px 0 rgba(255,255,255,.05);
}

/* Lumière du jour : on éclaircit le mobilier, jamais l'image de la créature. */
html[data-theme=jour] {
  color-scheme: light;
  --fond: #F2F5F8; --creux: #E7EBEF;
  --surface: #FFFFFF; --surface2: #EEF2F6; --surface3: #E4E9EF;
  --filet: #D6DDE4; --bord-ui: #AEB8C2; /* bordure douce : ~2:1, pas un contraste de texte */
  /* Un bouton de jour se définit par son fond, pas par un trait. */
  --bord-bouton: transparent; --fond-bouton: var(--surface3);
  /* La piste remplie suit le pouce : le brique sombre faisait « noir » à côté. */
  --piste-remplie: var(--accent-fill);
  --encre: #10151A; --doux: #4E5862; --doux2: #5F6A75;
  --accent: #A54522; --accent-fill: #FF6B35; --sur-accent: #0A0C0F; --accent-soft: rgba(255,107,53,.12);
  --danger: #9C2E24; --danger-soft: rgba(156,46,36,.10);
  --ombre: 0 18px 40px -30px rgba(30,45,60,.24);
  --lueur: inset 0 1px 0 rgba(255,255,255,.85);
}


/* --- Gabarits de panneau et de rythme (consommés par regie.css) --- */
:root {
  --pad-panneau: var(--e5);
  --pad-carte: var(--e4);
  --gap-grille: var(--e4);
  --gap-colonne-nue: var(--e6);
  --gap-colonne-cadre: var(--e4);
  --gap-ligne: var(--e4);
  --gap-controle: var(--e3);
  --gap-section: var(--e5);
  --piste: 6px;
  --icone: 18px;
  --largeur-ecran: 1080px;
  --t-h1: clamp(26px, 3vw, 36px);
  --curseur: 20px;
}