@font-face { font-family: Montserrat; src: url('../fonts/montserrat-regular.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Montserrat; src: url('../fonts/montserrat-bold.woff2') format('woff2'); font-style: normal; font-weight: 600 900; font-display: swap; }
:root {
    color-scheme: light;
    font-family: Montserrat, Arial, sans-serif;
    --brand-red: #dc414e;
    --brand-deep: #cb354b;
    --brand-pink: #f395a6;
    --brand-blush: #f4e3dd;
    --brand-paper: #faf7f6;
    --brand-ink: #2d2d2f;
    --brand-muted: #6d6d72;
    --brand-line: #e8dedc;
    --belkit-coral: var(--brand-red);
    --belkit-coral-dark: var(--brand-deep);
    --belkit-cream: var(--brand-paper);
    --belkit-ink: var(--brand-ink);
    --belkit-yellow: var(--brand-pink);
    --belkit-purple: var(--brand-deep);
    --belkit-orange: var(--brand-pink);
    --belkit-pink: var(--brand-pink);
    --belkit-mint: var(--brand-blush);
}
body, button, input, textarea, select { font-family: Montserrat, Arial, sans-serif; }
body { background: var(--brand-paper); color: var(--brand-ink); }
.belkit-logo { display: block; width: 132px; max-width: 100%; height: auto; object-fit: contain; }
.icon { flex: 0 0 auto; vertical-align: middle; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--brand-deep); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}