:root {
    --bg: #0B0F1A;
    --surface: rgba(255, 255, 255, 0.03);
    --glass: rgba(255, 255, 255, 0.04);
    --muted: rgba(230, 238, 246, 0.65);
    --accent1: #00A3FF;
    --accent2: #00E0C9;
    --accent-gradient: linear-gradient(90deg, var(--accent1), var(--accent2));
    --glass-blur: 10px;
    --radius-lg: 14px;
    --radius-md: 10px;
    --shadow-1: 0 8px 30px rgba(2, 6, 23, 0.6);
    --text: #E6EEF6;
    --soft: rgba(255, 255, 255, 0.02);
    --focus: rgba(0, 163, 255, 0.15);
    --max-width: 1100px;
    --transition: 300ms cubic-bezier(.2, .9, .3, 1);
    --glass-border: rgba(255, 255, 255, 0.06);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: 0ms;
    } }