/* ============================================================
   NEOSEN - Design tokens (variables globales)
   Importé aussi par le back-office (admin/assets/css/admin.css)
   ============================================================ */
:root{
  --night:#0F172A; --black:#060A14; --cyan:#06B6D4; --cyan-br:#22D3EE;
  --cyan-dp:#0E7490; --white:#F8FAFC;
  --s1:#0B1120; --s2:#111c33; --glass:rgba(15,23,42,.55);
  --muted:#94A3B8; --dim:#64748B;
  --bd:rgba(148,163,184,.12); --bd-st:rgba(148,163,184,.22); --bd-cy:rgba(6,182,212,.4);
  --f-disp:'Sora',sans-serif; --f-body:'Manrope',sans-serif; --f-mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --container:1240px;
}

/* ============================================================
   Alias hérités — compatibilité avec le back-office (admin.css)
   Permet de conserver l'ancienne nomenclature de variables.
   ============================================================ */
:root{
  --c-black:var(--black);
  --c-cyan:var(--cyan);
  --c-cyan-bright:var(--cyan-br);
  --surface-1:var(--s1);
  --surface-2:var(--s2);
  --surface-glass:var(--glass);
  --text:var(--white);
  --text-muted:var(--muted);
  --text-dim:var(--dim);
  --border:var(--bd);
  --border-strong:var(--bd-st);
  --border-cyan:var(--bd-cy);
  --font-display:var(--f-disp);
  --font-body:var(--f-body);
  --font-mono:var(--f-mono);
  --transition:.4s var(--ease);
  --radius-sm:11px;
  --radius:18px;
  --grad-cyan:linear-gradient(135deg,var(--cyan-br),var(--cyan-dp));
  --glow-cyan:0 0 40px rgba(6,182,212,.4);
  /* encre lisible sur les surfaces d'accent (boutons, logo) */
  --accent-ink:#060A14;
  /* couleur des grilles décoratives (mockups, fonds) */
  --grid-line:rgba(148,163,184,.06);
  /* couleurs des animations canvas (triplets RVB, lues par le JS) */
  --fx-dot:34,211,238;
  --fx-line:6,182,212;
  --fx-dim:148,200,220;
}