/* tokens.css */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

:root {
  /* Core - Ultra Deep Sci-Fi Palette */
  --color-void:       #000000;   /* Absolute Black */
  --color-obsidian:   #020205;   /* Deep Space */
  --color-surface:    rgba(10, 10, 21, 0.4);   /* Glass Base */
  --color-border:     rgba(0, 240, 255, 0.15); /* Sci-fi cyan border */
  --color-muted:      rgba(82, 82, 122, 0.2);

  /* Typography */
  --color-chalk:      #ffffff;   /* Pure white */
  --color-fog:        #b0b0d0;   /* Soft purple-grey */
  --color-ghost:      #606080;   /* Muted state */

  /* The Signal — AQUA (Maximum Glow) */
  --color-aqua:       #00f0ff;   /* Vivid aqua */
  --color-aqua-dim:   #00bcd4;   /* Deep aqua */
  --color-aqua-ghost: rgba(0, 240, 255, 0.05);
  --color-aqua-glow:  rgba(0, 240, 255, 0.25);
  --color-aqua-pulse: rgba(0, 240, 255, 0.4);

  /* Neutrals */
  --color-white-05:   rgba(255,255,255,0.05);
  --color-white-10:   rgba(255,255,255,0.1);
  --color-white-20:   rgba(255,255,255,0.2);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-blur: blur(20px);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);

  /* Typography */
  --font-display: 'DM Serif Display', serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Scale - Refined for DM Serif Display */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  2rem;
  --text-3xl:  3rem;
  --text-4xl:  4.5rem;
  --text-5xl:  6.5rem;
  --text-6xl:  10rem;
  --text-hero: clamp(8rem, 20vw, 15rem);

  /* Spacing */
  --space-section: 200px;
  --space-block:   100px;
  --space-gap:     48px;

  /* Transitions */
  --transition-smooth: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast:   all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}