/* ═══════════════════════════════════════════════
   IMPERIUM TECHS — DESIGN TOKENS
══════════════════════════════════════════════════ */

:root {
    --obsidian: #08080a;
    --obsidian-light: #0f0f14;
    --obsidian-lighter: #16161f;
    --surface: rgba(15, 15, 20, 0.75);
    --ultraviolet: #7000ff;
    --ultraviolet-glow: rgba(112, 0, 255, 0.4);
    --amber: #ff3366;
    --amber-glow: rgba(255, 51, 102, 0.4);
    --cyan: #00d4ff;
    --text-primary: #e8e8ec;
    --text-secondary: #8a8a9a;
    --text-muted: #4a4a5a;
    --border-subtle: rgba(112, 0, 255, 0.15);
    --border-active: rgba(112, 0, 255, 0.5);
    --font-display: 'Orbitron', sans-serif;
    --font-body: 'Rajdhani', sans-serif;
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}