/* Theme-owned presentation tokens. State colours and membership-tier artwork remain semantic. */
:root {
    --hayha-theme-text: CanvasText;
    --hayha-theme-heading: var(--hayha-theme-text);
    --hayha-theme-muted: var(--hayha-theme-text);
    --hayha-theme-disabled: color-mix(in srgb, var(--hayha-theme-text) 40%, var(--hayha-theme-surface));
    --hayha-theme-border: color-mix(in srgb, var(--hayha-theme-text) 18%, transparent);
    --hayha-theme-surface: Canvas;
    --hayha-theme-soft: color-mix(in srgb, var(--hayha-theme-text) 4%, var(--hayha-theme-surface));
    --hayha-theme-page: #fafafa;
    --hayha-theme-accent: #f4510b;
    --hayha-theme-hover: #d94308;
    --hayha-theme-contrast: #fff;
    --hayha-theme-tint: color-mix(in srgb, var(--hayha-theme-accent) 8%, var(--hayha-theme-surface));
}

/* Native form controls otherwise keep the browser's own font instead of the page font. */
.hayha-booking-wrap :is(button, input, select, textarea),
.hayha-search-page :is(button, input, select, textarea),
.hayha-destinations :is(button, input, select, textarea),
.hayha-calendar-popup :is(button, input, select, textarea),
.hayha-auth-modal-card :is(button, input, select, textarea) {
    font-family: inherit;
}