/* ============================================================
   BITS COMPUTER AGE — Design Tokens
   Toutes les variables réutilisables du site vivent ici.
   Palette officielle dérivée du logo : navy + orange. Pas de teal.
   ============================================================ */
:root {
  /* ---- Couleurs de marque ---- */
  --navy-900: #0B1A30;   /* le plus foncé — fonds hero / footer */
  --navy-800: #0E2038;
  --navy-700: #10233F;   /* navy principal de la marque */
  --navy-600: #1A3358;
  --navy-500: #284670;

  --orange-500: #E0781C; /* accent principal — boutons, surlignages */
  --orange-400: #ED8A33;
  --orange-300: #F4A459;
  --orange-tint: rgba(224, 120, 28, 0.12);
  --orange-text: #B65F12; /* orange plus foncé pour petit texte sur fond clair (accessibilité) */

  /* ---- Neutres ---- */
  --ink: #2B3440;        /* texte sur fond clair */
  --muted: #6B7785;      /* texte secondaire */
  --line: #E3E9F0;       /* fines bordures */
  --surface: #F4F7FA;    /* fond de section claire */
  --surface-2: #EDF2F7;
  --white: #FFFFFF;

  /* texte sur fond sombre */
  --on-dark: #EAF1F8;
  --on-dark-muted: #9DB2CC;

  /* ---- Typographie ---- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* échelle de tailles fluide (s'adapte à l'écran via clamp) */
  --fs-eyebrow: 0.78rem;
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --fs-lead: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --fs-h2: clamp(1.9rem, 1.5rem + 1.8vw, 3rem);
  --fs-hero: clamp(2.6rem, 1.6rem + 4.6vw, 5rem);

  /* ---- Espacements & formes ---- */
  --space-section: clamp(4rem, 2.5rem + 6vw, 8rem);
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --maxw: 1200px;
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);

  /* ---- Ombres ---- */
  --shadow-sm: 0 1px 2px rgba(16,35,63,.06), 0 2px 8px rgba(16,35,63,.05);
  --shadow: 0 8px 24px rgba(16,35,63,.10);
  --shadow-lg: 0 24px 60px rgba(11,26,48,.18);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}