:root {
    /* Marca / base */
    --c-primary: #0A87B8;
    --c-primary-2: #15B8C2;
    --c-cyan: #20D4D8;
    --c-navy: #082A3A;
    --c-ink: #153746;
    --c-text: #4E6570;
    --c-muted: #7E929B;
    --c-line: #DCE9ED;
    --c-soft: #EFF8FA;
    --c-white: #FFFFFF;
    /* Acentos */
    --c-orange: #FF8A2B;
    --c-pink: #F33E86;
    --c-lime: #B7D53A;
    --c-purple: #8257E6;
    /* Gradientes */
    --gradient-brand: linear-gradient(135deg, var(--c-primary) 0%, var(--c-cyan) 100%);
    --gradient-dark: linear-gradient(135deg, #062B3A 0%, #0A5873 100%);
    /* Layout */
    --container: 1180px;
    --gutter: clamp(20px, 4vw, 48px);
    --section: clamp(72px, 9vw, 130px);
    /* UI */
    --radius-sm: 14px;
    --radius-md: 24px;
    --radius-lg: 38px;
    --shadow-sm: 0 12px 30px rgba(6, 43, 58, .08);
    --shadow-md: 0 28px 70px rgba(6, 43, 58, .13);
    --transition: 220ms ease;
}

@media (max-width: 680px) {
    :root {
        --gutter: 18px;
        --section: 76px;
        --radius-lg: 28px;
    }
}

:root {
    --font-ui: "Manrope", sans-serif;
    --font-exercise: "Roboto Condensed", sans-serif;
    --font-hand: "Patrick Hand", cursive;
    --font-hand-alt: "Kalam", cursive;
    --site-header-height: 82px;
}

@media (max-width: 680px) {
    :root {
        --site-header-height: 72px;
    }
}