/* Shared foundations. Keep the original Worksky palette and typography. */
:root {
    --brand-teal: #1e8458;
    --brand-orange: #e3692a;
    --brand-magenta: #bb1863;
    --brand-green: #2ba873;
    --brand-blue: #1973b9;
    --bg-dark: #020617;
    --accent: var(--brand-teal);
    --accent-glow: rgba(30, 132, 88, 0.4);
    --btn-action: var(--brand-orange);
    --airbnb: var(--brand-magenta);
    --glass: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.15);
    --glass-highlight: rgba(255, 255, 255, 0.4);
    --text-dark: #0f172a;
    --text-grey: #64748b;
    --drawer-bg: #ffffff;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-padding-top: 100px; }
body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }
input:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 3px; }
[hidden] { display: none !important; }
.visually-hidden {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation: none !important; transition: none !important; scroll-behavior: auto !important;
    }
}