/* ═══════════════════════════════════════════════════════════
   COSMIC DESIGN SYSTEM
   Philosophy: Darkness with precision. Stars as accents.
   ═══════════════════════════════════════════════════════════ */

:root {
    /* Core Palette - Deep Space */
    --void: #000000;
    --deep: #0a0a0a;
    --deeper: #050505;
    --deepest: #020202;
    
    /* Accents - Starlight */
    --star-primary: #ffffff;
    --star-secondary: #a0a0a0;
    --star-tertiary: #606060;
    
    /* Highlight - Cosmic Events */
    --accent-nebula: #4a9eff;  /* Subtle blue */
    --accent-supernova: #ff6b6b; /* Rare red, use sparingly */
    
    /* Typography */
    --font-display: 'Inter', -apple-system, sans-serif;
    --font-body: 'Inter', -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    
    /* Spacing - Generous Breathing */
    --space-section: clamp(120px, 15vw, 200px);
    --space-element: clamp(40px, 5vw, 80px);
    
    /* Animation - Subtle, Deliberate */
    --ease-smooth: cubic-bezier(0.4, 0.0, 0.2, 1);
    --duration-quick: 200ms;
    --duration-standard: 400ms;
}