/* GENERATED by `python manage.py build_design_tokens` from design/tokens.json. Do not edit. */
:root {
  --bc-canvas: #F6F7F9;
  --bc-surface: #FFFFFF;
  --bc-sunken: #F2F4F7;
  --bc-line: #E6E8EE;
  --bc-line-strong: #D6DAE2;
  --bc-control: #828B9B;
  --bc-placeholder: #6B7385;
  --bc-muted: #5D6679;
  --bc-ink-2: #344054;
  --bc-ink: #101828;
  --bc-white: #FFFFFF;
  --bc-accent-50: #EEF0FF;
  --bc-accent-100: #E0E4FF;
  --bc-accent-200: #C7CEFE;
  --bc-accent-500: #6366F1;
  --bc-accent-600: #4F46E5;
  --bc-accent-700: #4338CA;
  --bc-accent-800: #3730A3;
  --bc-danger-solid: #D92D20;
  --bc-status-pending-fg: #92400E;
  --bc-status-pending-bg: #FEF6E7;
  --bc-status-pending-ring: #FBE3B4;
  --bc-status-pending-dot: #F59E0B;
  --bc-status-confirmed-fg: #065F46;
  --bc-status-confirmed-bg: #ECFDF3;
  --bc-status-confirmed-ring: #BBF0D3;
  --bc-status-confirmed-dot: #12B76A;
  --bc-status-in-progress-fg: #5B21B6;
  --bc-status-in-progress-bg: #F5F3FF;
  --bc-status-in-progress-ring: #DDD6FE;
  --bc-status-in-progress-dot: #7C3AED;
  --bc-status-completed-fg: #344054;
  --bc-status-completed-bg: #F2F4F7;
  --bc-status-completed-ring: #E4E7EC;
  --bc-status-completed-dot: #98A2B3;
  --bc-status-no-show-fg: #B42318;
  --bc-status-no-show-bg: #FEF3F2;
  --bc-status-no-show-ring: #FDD3CF;
  --bc-status-no-show-dot: #F04438;
  --bc-status-cancelled-fg: #475467;
  --bc-status-cancelled-bg: #F2F4F7;
  --bc-status-cancelled-ring: #E4E7EC;
  --bc-status-cancelled-dot: #F04438;
  --bc-radius-xs: 6px;
  --bc-radius-control: 10px;
  --bc-radius-button: 12px;
  --bc-radius-card: 16px;
  --bc-radius-dialog: 20px;
  --bc-radius-pill: 999px;
  --bc-space-4: 4px;
  --bc-space-8: 8px;
  --bc-space-12: 12px;
  --bc-space-16: 16px;
  --bc-space-20: 20px;
  --bc-space-24: 24px;
  --bc-space-32: 32px;
  --bc-space-40: 40px;
  --bc-space-48: 48px;
  --bc-space-64: 64px;
  --bc-shadow-1: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.04);
  --bc-shadow-2: 0 4px 8px -2px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.04);
  --bc-shadow-3: 0 20px 24px -4px rgba(16,24,40,.10), 0 8px 8px -4px rgba(16,24,40,.04);
  --bc-shadow-focus-glow: 0 0 0 3px rgba(79,70,229,.25);
  --bc-shadow-error-glow: 0 0 0 3px rgba(217,45,32,.14);
  --bc-scrim: rgba(16,24,40,.45);
  --bc-font-sans: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bc-type-display-size: 48px;
  --bc-type-display-line: 52px;
  --bc-type-display-weight: 700;
  --bc-type-display-tracking: -0.03em;
  --bc-type-h1-size: 32px;
  --bc-type-h1-line: 38px;
  --bc-type-h1-weight: 650;
  --bc-type-h1-tracking: -0.025em;
  --bc-type-h2-size: 24px;
  --bc-type-h2-line: 30px;
  --bc-type-h2-weight: 650;
  --bc-type-h2-tracking: -0.02em;
  --bc-type-h3-size: 18px;
  --bc-type-h3-line: 26px;
  --bc-type-h3-weight: 600;
  --bc-type-h3-tracking: -0.01em;
  --bc-type-lead-size: 18px;
  --bc-type-lead-line: 28px;
  --bc-type-lead-weight: 400;
  --bc-type-lead-tracking: 0;
  --bc-type-body-size: 16px;
  --bc-type-body-line: 24px;
  --bc-type-body-weight: 400;
  --bc-type-body-tracking: 0;
  --bc-type-small-size: 14px;
  --bc-type-small-line: 20px;
  --bc-type-small-weight: 400;
  --bc-type-small-tracking: 0;
  --bc-type-xs-size: 12px;
  --bc-type-xs-line: 16px;
  --bc-type-xs-weight: 500;
  --bc-type-xs-tracking: 0;
  --bc-type-eyebrow-size: 12px;
  --bc-type-eyebrow-line: 16px;
  --bc-type-eyebrow-weight: 600;
  --bc-type-eyebrow-tracking: 0.06em;
}
@media (max-width: 767px) {
  :root {
    --bc-type-display-size: 36px;
    --bc-type-display-line: 40px;
    --bc-type-h1-size: 28px;
    --bc-type-h1-line: 34px;
    --bc-type-h2-size: 20px;
    --bc-type-h2-line: 28px;
  }
}