/* ==========================================================================
   Accueil — design tokens (portés du handoff .design, thème sombre « verre & flat »)
   ========================================================================== */

:root {
  /* Fonds */
  --bg: #0d1017;
  --veil-top: rgba(8, 9, 13, .52);
  --veil-mid: rgba(8, 9, 13, .68);
  --veil-bottom: rgba(8, 9, 13, .82);

  /* Accent — surchargé par [data-accent] (page) et .card[data-accent] (section) */
  --accent: #a78bfa;
  --accent-rgb: 167, 139, 250;
  --accent-soft: #c9b6ff;
  --accent-on: #191426; /* texte sur bouton plein accent */

  /* Sémantiques */
  --success: #7ddba3;
  --warning: #fbbf24;
  --danger: #f87171;
  --danger-text: #ffb3b3;
  --danger-on: #2a0f0f;

  /* Surfaces de verre */
  --glass-card: rgba(255, 255, 255, .06);
  --glass-card-border: rgba(255, 255, 255, .12);
  --glass-inner: rgba(255, 255, 255, .05);
  --glass-inner-border: rgba(255, 255, 255, .09);
  --glass-field: rgba(255, 255, 255, .07);
  --glass-field-border: rgba(255, 255, 255, .14);
  --glass-modal: rgba(18, 21, 28, .74);
  --glass-panel: rgba(20, 23, 30, .72);
  --glass-float: rgba(255, 255, 255, .07);
  --glass-float-border: rgba(255, 255, 255, .13);
  --glass-dock: rgba(10, 12, 17, .5);
  --hover-link: rgba(255, 255, 255, .09);
  --hover-btn: rgba(255, 255, 255, .16);
  --sheen: inset 0 1px 0 rgba(255, 255, 255, .1);

  /* Texte */
  --text-strong: #fff;
  --text-title: #f4f6fa;
  --text: rgba(255, 255, 255, .9);
  --text-2: rgba(255, 255, 255, .86);
  --text-3: rgba(255, 255, 255, .5);
  --text-4: rgba(255, 255, 255, .45);
  --text-5: rgba(255, 255, 255, .38);
  --text-6: rgba(255, 255, 255, .34);

  /* Typographie */
  --sans: 'IBM Plex Sans', system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Corps des libellés de lien. Constants : « Taille » règle les vignettes
     et les colonnes, jamais la lisibilité du texte. */
  --label-size: 13.5px;
  --label-mini: 10.5px;

  /* Rayons */
  --r-xs: 7px;  --r-sm: 9px;  --r-md: 11px; --r-lg: 14px;
  --r-xl: 16px; --r-2xl: 20px; --r-3xl: 22px; --r-4xl: 26px; --r-pill: 99px;

  /* Ombres */
  --sh-card: 0 20px 44px -26px rgba(0, 0, 0, .75);
  --sh-dock: 0 18px 40px -20px rgba(0, 0, 0, .8);
  --sh-toast: 0 24px 50px -24px rgba(0, 0, 0, .85);
  --sh-menu: 0 28px 60px -22px rgba(0, 0, 0, .9);
  --sh-modal: 0 34px 70px -24px rgba(0, 0, 0, .9);
  --sh-full: 0 40px 90px -30px rgba(0, 0, 0, .9);

  /* Grille */
  --cols: 4;
  --gap: 20px;
  --gutter: 86px; /* réserve latérale pour les flèches : elles ne couvrent jamais les cartes */
  --bar-h: 56px;
}

/* Accents disponibles (pages et sections) — 11 teintes réparties sur la roue.
   Chaque accent fournit sa teinte pleine, une variante claire lisible sur le
   verre sombre, et une couleur de texte pour les boutons pleins. */
[data-accent="violet"]  { --accent: #a78bfa; --accent-rgb: 167, 139, 250; --accent-soft: #c9b6ff; --accent-on: #191426; }
[data-accent="indigo"]  { --accent: #818cf8; --accent-rgb: 129, 140, 248; --accent-soft: #b6bcff; --accent-on: #12142b; }
[data-accent="blue"]    { --accent: #60a5fa; --accent-rgb: 96, 165, 250;  --accent-soft: #a9cdff; --accent-on: #0b1a2e; }
[data-accent="cyan"]    { --accent: #22d3ee; --accent-rgb: 34, 211, 238;  --accent-soft: #8ee9f7; --accent-on: #0b1216; }
[data-accent="teal"]    { --accent: #2dd4bf; --accent-rgb: 45, 212, 191;  --accent-soft: #94ecdf; --accent-on: #062622; }
[data-accent="emerald"] { --accent: #34d399; --accent-rgb: 52, 211, 153;  --accent-soft: #9df0cd; --accent-on: #06231a; }
[data-accent="lime"]    { --accent: #a3e635; --accent-rgb: 163, 230, 53;  --accent-soft: #d3f68f; --accent-on: #17240a; }
[data-accent="amber"]   { --accent: #fbbf24; --accent-rgb: 251, 191, 36;  --accent-soft: #ffd980; --accent-on: #2a1a00; }
[data-accent="orange"]  { --accent: #fb923c; --accent-rgb: 251, 146, 60;  --accent-soft: #ffc194; --accent-on: #2b1405; }
[data-accent="rose"]    { --accent: #fb7185; --accent-rgb: 251, 113, 133; --accent-soft: #ffb3c0; --accent-on: #2a0d12; }
[data-accent="pink"]    { --accent: #f472b6; --accent-rgb: 244, 114, 182; --accent-soft: #ffb4da; --accent-on: #2b0d1e; }