/* ═══════════════════════════════════════════════════════════════
   WA ASCENSION v2 — Design Tokens
   Palette élargie : noir + rouge + glacier + crème
   Typo : Inter (UI) + JetBrains Mono (mono) + PP Editorial (display)
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* Brand */
  --accent: #E31E24;
  --accent-hover: #FF3B41;
  --accent-deep: #8C0F14;
  --glacier: #5B7FA0;
  --glacier-light: #8FAEC8;
  --cream: #F4EDE3;
  --cream-warm: #EDE2D0;

  /* Fonts */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;

  /* Layout */
  --container: 1280px;
  --container-wide: 1600px;
  --section-py: clamp(48px, 7vw, 80px);

  /* Dark theme tokens (default) */
  --bg: #000000;
  --bg-elev: #0A0A0A;
  --bg-elev-2: #141414;
  --bg-deep: #050505;
  --text: #FFFFFF;
  --text-muted: rgba(255, 255, 255, 0.55);
  --text-faint: rgba(255, 255, 255, 0.35);
  --line: rgba(255, 255, 255, 0.10);
  --line-strong: rgba(255, 255, 255, 0.25);
  --invert: #FFFFFF;
  --invert-text: #000000;

  /* Easings */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
}

[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-elev: #FAFAFA;
  --bg-elev-2: #F4F4F4;
  --bg-deep: #EFEFEF;
  --text: #000000;
  --text-muted: rgba(0, 0, 0, 0.55);
  --text-faint: rgba(0, 0, 0, 0.35);
  --line: rgba(0, 0, 0, 0.10);
  --line-strong: rgba(0, 0, 0, 0.25);
  --invert: #000000;
  --invert-text: #FFFFFF;
}