/**
 * Vitoqa brand tokens and lockup.
 * Swap final logo/wordmark in config/brand.php — do not restyle pages.
 */
:root {
    --brand-ivory: #f7f3ec;
    --brand-ivory-deep: #efe8dc;
    --brand-stone: #e6dfd3;
    --brand-paper: #fcfaf6;
    --brand-espresso: #2c2621;
    --brand-charcoal: #1c1916;
    --brand-ink: #2c2621;
    --brand-ink-soft: #6f675e;
    --brand-muted: #7a7268;
    --brand-line: rgba(44, 38, 33, 0.12);
    --brand-line-strong: rgba(44, 38, 33, 0.2);
    --brand-bronze: #8d6a45;
    --brand-champagne: #c4a574;
    --brand-champagne-soft: #eadcc8;
    --brand-on-dark: #f7f3ec;
    --brand-focus: #8d6a45;

    --brand-ok: #2f5d45;
    --brand-ok-soft: #e8f0ea;
    --brand-warn: #8a6412;
    --brand-warn-soft: #f4ecd8;
    --brand-bad: #8a3a3a;
    --brand-bad-soft: #f4e8e6;

    --brand-radius-xs: 0.25rem;
    --brand-radius-sm: 0.4rem;
    --brand-radius-md: 0.65rem;
    --brand-radius-lg: 0.9rem;
    --brand-radius-control: 0.45rem;
    --brand-radius-sheet: 1.1rem;

    --brand-space-1: 0.25rem;
    --brand-space-2: 0.5rem;
    --brand-space-3: 0.75rem;
    --brand-space-4: 1rem;
    --brand-space-5: 1.5rem;
    --brand-space-6: 2.25rem;
    --brand-space-7: 3.5rem;

    --brand-shadow: 0 1px 2px rgba(28, 25, 22, 0.04), 0 10px 28px rgba(28, 25, 22, 0.05);
    --brand-shadow-soft: 0 1px 1px rgba(28, 25, 22, 0.03), 0 6px 16px rgba(28, 25, 22, 0.04);
    --brand-ease: 160ms ease;

    /* Colour-emoji face, applied ONLY where a pictographic glyph is deliberately
       rendered (currently the country flags in the dial-code picker).
       Deliberately NOT appended to --brand-sans / --brand-sans-rtl: those stacks
       carry the whole UI, and adding an emoji family to them would also capture
       emoji-presentation characters used as functional marks — notably ♿ in the
       Seating Studio and its print sheets, which depend on a monochrome glyph. */
    --brand-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "Segoe UI Symbol";

    --brand-serif: "Cormorant Garamond", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, "Times New Roman", serif;
    --brand-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", sans-serif;
    --brand-sans-rtl: "Noto Sans Arabic", "Noto Sans Hebrew", "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--brand-espresso);
    text-decoration: none;
    line-height: 1;
}

.brand-lockup__mark,
.brand-lockup__wordmark {
    display: block;
    flex: none;
}

.brand-lockup__mark {
    width: 1.5rem;
    height: 1.5rem;
}

.brand-lockup__wordmark {
    height: 1.15rem;
    width: auto;
    max-width: 8.5rem;
}

.brand-lockup__word {
    font-family: var(--brand-serif);
    font-size: 1.35rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    font-style: normal;
}

.brand-lockup--compact .brand-lockup__mark {
    width: 1.25rem;
    height: 1.25rem;
}

.brand-lockup--compact .brand-lockup__word {
    font-size: 1.15rem;
}

.brand-lockup--auth {
    justify-content: center;
}

.brand-lockup--auth .brand-lockup__mark {
    width: 1.85rem;
    height: 1.85rem;
}

.brand-lockup--auth .brand-lockup__word {
    font-size: 1.85rem;
}

.brand-lockup--app .brand-lockup__word {
    font-size: 1.22rem;
}

.brand-lockup--on-dark {
    color: var(--brand-on-dark);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}