:root {
    --surface-void: #030406;
    --surface-black: #05070a;
    --surface-deep: #090c12;
    --surface-raised: #10141c;
    --surface-panel: rgba(15, 20, 29, 0.72);
    --text-primary: #f4f7fb;
    --text-secondary: #a2acba;
    --text-muted: #687383;
    --accent-blue: #78a8ff;
    --accent-cyan: #70dce9;
    --accent-violet: #8a82e8;
    --accent-metal: #c3ccd7;
    --border-soft: rgba(255, 255, 255, 0.08);
    --border-active: rgba(120, 168, 255, 0.34);
    --glow-soft: rgba(120, 168, 255, 0.16);
    --radius-panel: 8px;
    --container-wide: 1180px;
    --container-narrow: 780px;
    --nav-height: 74px;
    --duration-fast: 180ms;
    --duration-standard: 700ms;
    --duration-section: 1100ms;
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --ease-smooth: cubic-bezier(.22, .61, .36, 1);
    --z-nav: 50;
    --z-cog: 45;
    --z-drawer: 70;
}