/* Design tokens — Stop & Go */

:root {
  /* Brand */
  --sg-red          : #D50911;
  --sg-red-hover    : #F01622;
  --sg-red-dark     : #A8060D;

  /* Surfaces dark (par défaut) */
  --sg-bg           : #0A0A0A;
  --sg-bg-alt       : #111111;     /* alternance subtile entre sections */
  --sg-surface      : #161616;
  --sg-surface-2    : #1F1F1F;
  --sg-surface-3    : #262626;

  /* Texte */
  --sg-text         : #FFFFFF;
  --sg-text-muted   : #B8B8B8;
  --sg-text-dim     : #8A8A8A;

  /* Bordures */
  --sg-border       : rgba(255, 255, 255, 0.10);
  --sg-border-strong: rgba(255, 255, 255, 0.20);

  /* Glass / overlay */
  --sg-glass        : rgba(10, 10, 10, 0.72);
  --sg-glass-strong : rgba(10, 10, 10, 0.88);

  /* Typo */
  --font-display : 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body    : 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono    : 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --fs-caption   : 0.8125rem;
  --fs-body      : clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
  --fs-lead      : clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --fs-h3        : clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --fs-h2        : clamp(2rem, 1.4rem + 2.6vw, 3.75rem);
  --fs-h1        : clamp(2.5rem, 1.8rem + 3.2vw, 4.75rem);
  --fs-display   : clamp(3rem, 2rem + 5.5vw, 8rem);

  /* Spacing */
  --space-2xs : 0.25rem;
  --space-xs  : 0.5rem;
  --space-sm  : 1rem;
  --space-md  : 1.5rem;
  --space-lg  : 2.5rem;
  --space-xl  : 4rem;
  --space-2xl : 6rem;
  --space-3xl : 9rem;

  --section-pad-y : clamp(5rem, 9vw, 9rem);
  --container-max : 1320px;
  --container-pad : clamp(1.25rem, 4vw, 4rem);

  /* Effects */
  --radius-sm : 4px;
  --radius-md : 10px;
  --radius-lg : 18px;
  --radius-xl : 28px;
  --radius-pill : 999px;

  --shadow-sm : 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md : 0 12px 40px rgba(0, 0, 0, 0.55);
  --shadow-glow : 0 0 60px rgba(213, 9, 17, 0.35);

  --ease-out  : cubic-bezier(.16, 1, .3, 1);
  --ease-in-out : cubic-bezier(.65, 0, .35, 1);

  --dur-fast    : 200ms;
  --dur-base    : 350ms;
  --dur-slow    : 600ms;

  /* Header */
  --header-h    : 76px;

  color-scheme: dark;
}

[data-theme="light"] {
  --sg-bg           : #F5F5F0;
  --sg-bg-alt       : #ECECE6;
  --sg-surface      : #FFFFFF;
  --sg-surface-2    : #F0F0EA;
  --sg-surface-3    : #E5E5DF;

  --sg-text         : #0A0A0A;
  --sg-text-muted   : #4A4A4A;
  --sg-text-dim     : #777777;

  --sg-border       : rgba(0, 0, 0, 0.10);
  --sg-border-strong: rgba(0, 0, 0, 0.20);

  --sg-glass        : rgba(245, 245, 240, 0.85);
  --sg-glass-strong : rgba(245, 245, 240, 0.96);

  color-scheme: light;
}