/* Lynx Cyber Suite — design tokens
   Source de vérité : lynx-cyber-suite-vitrine/src/styles.css (:root).
   Toute modification doit être faite d'abord dans le site, puis reportée ici. */
:root {
  /* Police */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Couleurs de marque */
  --brand-red: #da0022;
  --brand-orange: #ff5a1f;
  --brand-yellow: #ffd423;
  --brand-gradient: linear-gradient(100deg, #da0022 10%, #ff5a1f 60%, #ffb020 120%);

  /* Neutres sombres (« ink ») */
  --ink-950: #0a0a0c;
  --ink-900: #111114;
  --ink-800: #1a1a1f;
  --ink-700: #26262d;
  --line-dark: rgba(255, 255, 255, 0.08);
  --text-muted-dark: rgba(255, 255, 255, 0.64);

  /* Texte sur fond clair */
  --text-strong: #0f0f12;
  --text-muted: #5b5b66;

  /* Accents de catégories (bandeau des plateformes, home-hero.css) */
  --cat-governance: #ffb020;
  --cat-detection: #ff3b3b;
  --cat-protection: #4cc38a;
  --cat-offensive: #b07cff;
  --cat-awareness: #3ea8ff;
  --cat-collaboration: #9aa0aa;

  /* Formes */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, 0.45);

  /* Mouvement */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-reveal: 0.7s;
  --distance-reveal: 24px;
  --stagger: 80ms;

  /* Mise en page */
  --header-h: 72px;
}