/* ==========================================
   TOKENS.CSS
   BLAIG NOVA — Palette Interstellar / Arrival
   Basée sur les vues d’esprit générées
   ========================================== */

:root {
  /* BACKGROUNDS */
  --color-black: #050808;
  --color-deep-space: #0B0F10;
  --color-night-fog: #1D2324;
  --color-charcoal: #252C2D;

  /* SURFACES */
  --color-surface-1: rgba(255, 255, 255, 0.03);
  --color-surface-2: rgba(255, 255, 255, 0.06);
  --color-surface-glass: rgba(29, 35, 36, 0.64);

  /* TEXT */
  --color-text-primary: #E6E4DD;
  --color-text-secondary: #C7C1B7;
  --color-text-muted: #979793;
  --color-text-dim: #5C6160;

  /* ACCENTS */
  --color-cold-steel: #3B4345;
  --color-mist-blue: #5C6160;
  --color-fog-grey: #979793;
  --color-warm-dust: #C7C1B7;

  /* BORDERS */
  --border-light: rgba(230, 228, 221, 0.14);
  --border-medium: rgba(230, 228, 221, 0.24);
  --border-dark: rgba(255, 255, 255, 0.06);

  /* SHADOWS / GLOWS */
  --shadow-deep: 0 24px 80px rgba(0, 0, 0, 0.72);
  --glow-fog: 0 0 18px rgba(199, 193, 183, 0.10);
  --glow-cold: 0 0 40px rgba(92, 97, 96, 0.18);

  /* TYPOGRAPHY */
  --font-primary: 'Inter', sans-serif;
--font-title: 'Bebas Neue', sans-serif;

  /* FONT SIZES */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.5rem;
  --text-xl: 2.5rem;
  --text-hero: clamp(3.5rem, 8vw, 7.5rem);

  /* LETTER SPACING */
  --tracking-small: 0.06em;
  --tracking-medium: 0.12em;
  --tracking-wide: 0.18em;
  --tracking-ultra: 0.28em;

  /* SPACING */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-2xl: 120px;

  /* RADIUS */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 999px;

  /* TRANSITIONS */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.35s ease;
  --transition-slow: 0.7s ease;

  /* LAYOUT */
  --container-width: 1440px;
  --page-padding: clamp(24px, 6vw, 96px);

  /* Z-INDEX */
  --z-background: 1;
  --z-content: 10;
  --z-header: 50;
  --z-overlay: 100;
}