/**
 * Shared Black Tie tokens.
 * Dark theme: Kiosk and Tour Op (#shopper.kiosk-ui).
 * Light theme: Completion Form, Group Booking, and Book Now (#btr-body, #wp-cart).
 *
 * Notice text stays #FFB74D. The style guide measured #F9B74D from a screenshot;
 * the live value was already #FFB74D, so that token was not shifted.
 */

:root {
    --bt-font: "Garnett", Arial, sans-serif;
    --bt-blue: #2D82DB;
    --bt-blue-hover: #2170C3;
    --bt-blue-soft: rgba(45, 130, 219, 0.08);
    --bt-green: #3D9A5D;
    --bt-green-hover: #33804E;
    --bt-coral-border: #CB5C46;
    --bt-coral-text: #C0533E;
    --bt-navy: #0C2150;
    --bt-muted: #64748B;
    --bt-toggle-track: #F1F4F9;
    --bt-toggle-text: #475569;
    --bt-success: #33C55E;
    --bt-success-text: #1E7A45;
    --bt-success-fill: #E5F5EA;
    --bt-field-border: #C5CCD4;
    --bt-field-readonly: #E8ECF1;
    --bt-error-fill: #FEF5F5;
    --bt-radius-control: 4px;
    --bt-radius-panel: 12px;
    --bt-radius-header: 20px;
    --bt-height-control: 44px;
    --bt-transition: 0.2s;
    --vs-dropdown-option--active-bg: #2D82DB;
    --vs-dropdown-option--active-color: #ffffff;
}

#shopper.kiosk-ui,
.master-lookup-modal {
    --bt-coral-text: #D47866;
    --bt-notice-text: #FFB74D;
    --bt-sky: #5D9CEC;
    --bt-focus: #5D9CEC;
    --bt-page: #0F1620;
    --bt-panel: #1B283A;
    --bt-panel-header: #243651;
    --bt-nested-card: #1A2332;
    --bt-field: #EEF2F6;
    --bt-panel-border: #243651;
}

#shopper.completion-ui,
#btr-body,
#wp-cart,
body.bt-account {
    --bt-coral-text: #C0533E;
    --bt-focus: #2D82DB;
    --bt-page: #F4F7F9;
    --bt-panel: #FFFFFF;
    --bt-panel-header: #F8FAFC;
    --bt-panel-border: #D8DEE6;
    --bt-field: #FFFFFF;
    --bt-sky: #5D9CEC;
}