/* Variables */
:root {
    --header-h: 64px;
    /* 8x8 stable */
    --bg-dark: #12121e;
    /* SOTA Dark Blue */
    --radius: 13px;
    /* Fibonacci (was 14) */
    --chrome-gap: 8px;
    /* Fibonacci (5, 8, 13...) */
    --font-main: 'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --logo-size: 89px;
    /* Fibonacci (was 92) */
    --head-gap: 62px;
    /* ~38 * 1.618 */
    --maxw: 1597px;
    /* Fibonacci (closest to 1500/1600) */
    --glass-bg: rgba(20, 22, 24, 0.382);
    /* 1 - Phi */
    --glass-blur: 8px;
    /* Fibonacci */
    --neon-lift: 8px;
    /* Fibonacci */
}

@media (max-width: 987px) {

    /* Fibonacci Breakpoint (was 1024) */
    :root {
        --header-h: 55px;
        /* Fibonacci */
        --logo-size: 55px;
    }
}

@media (max-width: 768px) {
    :root {
        --header-h: 48px;
        --logo-size: 64px;
        --head-gap: 98px;
    }
}