/* ==========================================================================
   ASTRA HUMANIS // DESIGN SYSTEM TOKENS
   Color System, Typography & Spatial Geometry derived from Reference Architecture
   ========================================================================== */

:root {
  /* Exact Primary Color System */
  --bg-obsidian: #05080B;
  --bg-void: #030507;
  --bg-deep-blue: #071A2D;
  --bg-blue-gradient: linear-gradient(180deg, #071A2D 0%, #0B3154 100%);
  --bg-surface: rgba(255, 255, 255, 0.025);
  --bg-surface-hover: rgba(255, 255, 255, 0.055);
  --bg-surface-card: rgba(7, 26, 45, 0.45);

  /* Astra Color Hierarchy (Atmosphere & Focal Illumination) */
  --color-obsidian: #05090D;
  --color-atmosphere: #15558A;
  --color-secondary-env: #45677C;
  --color-transition: #D77A32;
  --color-energy: #F08A32;
  --color-signal: #FFB84D;
  --color-peak-illumination: #FFE5B0;

  /* Typography Colors */
  --text-astral: #E8EDF2;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-dim: #334155;
  --text-pure: #FFFFFF;

  /* Accent Signals */
  --accent-gold: #FFB45C;
  --accent-gold-glow: rgba(255, 180, 92, 0.28);
  --accent-gold-dim: rgba(255, 180, 92, 0.12);

  --accent-warm-horizon: #FF7A45;
  --accent-warm-glow: rgba(255, 122, 69, 0.3);

  --accent-cyan: #6EDBFF;
  --accent-cyan-dim: rgba(110, 219, 255, 0.15);
  --accent-cyan-glow: rgba(110, 219, 255, 0.28);

  --accent-simulated-violet: #A855F7;
  --accent-simulated-glow: rgba(168, 85, 247, 0.25);

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-regular: rgba(255, 255, 255, 0.14);
  --border-bright: rgba(255, 255, 255, 0.26);
  --border-gold: rgba(255, 180, 92, 0.35);
  --border-blue: rgba(11, 49, 84, 0.6);

  /* Typography Stacks */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Typographic Scales */
  --text-hero: clamp(2.5rem, 6.5vw, 5.25rem);
  --text-title-xl: clamp(2.1rem, 4.5vw, 3.8rem);
  --text-title-lg: clamp(1.6rem, 3.2vw, 2.6rem);
  --text-title-md: clamp(1.2rem, 2vw, 1.75rem);
  --text-body-lg: clamp(1.05rem, 1.4vw, 1.28rem);
  --text-body: 0.95rem;
  --text-sm: 0.85rem;
  --text-xs: 0.75rem;
  --text-micro: 0.68rem;

  /* Spacing */
  --space-unit: 8px;
  --space-section: clamp(110px, 16vh, 180px);
  --container-max: 1360px;
  --container-wide: 1540px;
  --container-narrow: 920px;

  /* Rhythm Transitions */
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-flow: 800ms cubic-bezier(0.16, 1, 0.3, 1);
  --pulse-cadence: 4.2s;
}