@layer wsb-v4-reset, wsb-v4-tokens, wsb-v4-base, wsb-v4-shell, wsb-v4-components, wsb-v4-utilities;

@layer wsb-v4-tokens {
  .wsb-booking-app,
  .wsb-booking-app__portal {
    --wsb-color-brand: var(--primary, #f84438);
    --wsb-color-brand-alt: var(--secondary, rgba(88, 29, 152, .9));
    --wsb-color-brand-alt-soft: rgba(88, 29, 152, .35);
		--wsb-color-interaction: var(--wsb-color-brand-alt);
    --wsb-color-accent: var(--tertiary, #ff6a33);
    --wsb-color-ink: var(--base, #0f0f0f);
    --wsb-color-icon-resting: var(--wsb-color-ink);
    --wsb-color-ink-strong: var(--base-ultra-dark, #090909);
    --wsb-color-muted: #5e6670;
    --wsb-color-quiet: #747d87;
    --wsb-color-canvas: var(--base-ultra-light, #efefef);
    --wsb-color-surface: var(--white, #ffffff);
    --wsb-color-surface-raised: #fbfbfc;
    --wsb-color-border-subtle: #ebecef;
    --wsb-color-border: #d8dbe0;
    --wsb-color-border-strong: #babfc7;
		--wsb-color-focus: var(--wsb-color-interaction);
    --wsb-color-focus-ring: rgba(107, 43, 191, .08);
    --wsb-color-success: #176b39;
    --wsb-color-success-border: rgba(22, 138, 69, .22);
    --wsb-color-success-soft: #eaf7ef;
    --wsb-color-success-softer: #fbfffc;
    --wsb-color-warning: #765500;
    --wsb-color-warning-soft: #fff6d8;
    --wsb-color-warning-softer: #fffbeb;
    --wsb-color-danger: #9b2525;
    --wsb-color-danger-soft: #fff0f0;
    --wsb-color-info-soft: #eaf4ff;
    --wsb-color-overlay: rgba(15, 15, 15, .52);
    --wsb-font-family: "Poppins", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --wsb-font-size-min: 12px;
    --wsb-font-size-meta: 13px;
    --wsb-font-size-label: 14px;
    --wsb-font-size-body: 16px;
    --wsb-font-size-card-title: 16px;
    --wsb-font-size-section-title: 22px;
    --wsb-font-label: var(--wsb-font-size-label);
    --wsb-font-small: var(--wsb-font-size-meta);
    --wsb-font-body: var(--wsb-font-size-body);
    --wsb-font-control: var(--wsb-font-size-body);
		--wsb-font-weight-body: 400;
		--wsb-font-weight-medium: 500;
		--wsb-line-height-tight: 1.25;
		--wsb-line-height-body: 1.5;
		--wsb-checkout-stack-gap: 24px;
		--wsb-summary-heading-size: 20px;
		--wsb-summary-heading-weight: 500;
		--wsb-summary-heading-line-height: 1.4;
		--wsb-summary-identity-size: 15px;
		--wsb-summary-identity-weight: 500;
		--wsb-summary-route-size: 14px;
		--wsb-summary-route-weight: 400;
		--wsb-summary-route-line-height: 1.4;
		--wsb-summary-meta-size: 13px;
		--wsb-summary-meta-weight: 400;
		--wsb-summary-meta-line-height: 1.4;
		--wsb-summary-status-size: 12px;
		--wsb-summary-status-weight: 500;
		--wsb-summary-price-size: 16px;
		--wsb-summary-price-weight: 600;
		--wsb-summary-row-size: 14px;
		--wsb-summary-row-weight: 400;
		--wsb-summary-total-size: 18px;
		--wsb-summary-total-weight: 600;
		--wsb-summary-saved-size: 12px;
		--wsb-summary-saved-weight: 400;
    --wsb-weight-body: 400;
    --wsb-weight-heading: 500;
    --wsb-space-3xs: 4px;
    --wsb-space-2xs: 8px;
    --wsb-space-xs: 12px;
    --wsb-space-s: 16px;
    --wsb-space-m: 24px;
    --wsb-space-l: 32px;
    --wsb-space-xl: 48px;
    --wsb-radius-s: 8px;
    --wsb-radius-m: 12px;
    --wsb-radius-l: 16px;
    --wsb-radius-full: 999px;
    --wsb-container-max: 1520px;
    --wsb-control-height: 56px;
    --wsb-target-min: 44px;
    --wsb-summary-min: 300px;
    --wsb-shadow-low: 0 4px 16px rgba(15, 15, 15, .06);
    --wsb-shadow-medium: 0 16px 48px rgba(15, 15, 15, .12);
    --wsb-motion-fast: 140ms;
    --wsb-motion-medium: 240ms;
  }

  .ui-datepicker.wsb-booking-v4-picker {
    --wsb-picker-surface: #fff;
    --wsb-picker-ink: #0f0f0f;
    --wsb-picker-muted: #747d87;
    --wsb-picker-disabled: #c6cbd1;
    --wsb-picker-border: #d8dbe0;
    --wsb-picker-interaction: var(--secondary, rgba(88, 29, 152, .9));
    --wsb-picker-success: #176b39;
    --wsb-picker-today: #ff6a33;
    --wsb-picker-shadow: 0 16px 48px rgba(15, 15, 15, .16);
  }
}