/* ===== Vars & smooth scroll ===== */
:root {
    --sticky-top: 0px;
    --sticky-offset: 0px;
    /* Brand: deepskyblue */
    --brand: #00bfff;
    --brand-600: #008cc0;
    --brand-50: #eaf8ff;
    --brand-100: #d4f1ff;
    --brand-ink: #0a4f75;
    --brand-border: rgba(0,191,255,.55);
    /* WhatsApp button palette */
    --wa-bg: #22c55e;
    --wa-bg-hover: #16a34a;
    --wa-fg: #0a2e1c;
    --wa-ring: rgba(34,197,94,.35);
    --wa-border: #16a34a;
    --wa-shadow: 0 8px 18px rgba(22,163,74,.18);
}

@media (prefers-color-scheme: dark) {
    :root {
        --wa-shadow: 0 8px 18px rgba(0,0,0,.45);
    }
}

html {
    scroll-behavior: smooth;
}
* {
    touch-action: manipulation;
}