/* Rezervasyon Widget V2 — tasarım tokenları (works/widget/Rezervasyon_Widget_Tasarim_Tokenlari.css). */
:root {
  --font-family-ui: 'Inter', Arial, sans-serif;

  --color-primary: #243a81;
  --color-primary-foreground: #FFFFFF;
  --color-text: #1C1917;
  --color-text-secondary: #57534E;
  --color-text-muted: #78716C;
  --color-disabled-text: #A8A29E;
  --color-surface: #FFFFFF;
  --color-surface-soft: #FAFAF9;
  --color-header: #F0EBE3;
  --color-divider: #E7E5E4;
  --color-border: #D6D3D1;
  --color-disabled-bg: #F5F5F4;
  --color-waitlist: #92BDFD;
  --color-danger: #E11D48;
  --color-confirmation-bg: #FAFAF9;
  --color-confirmation-icon-bg: #EDEEEF;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --radius-control: 10px;
  --radius-button: 12px;
  --radius-card: 12px;
  --radius-dialog: 20px;
  --radius-mobile-sheet: 24px;
  --height-button: 48px;
  --height-input: 48px;

  --font-h1-size: 26px;
  --font-h1-line: 32px;
  --font-h1-weight: 700;
  --font-h2-size: 18px;
  --font-h2-line: 26px;
  --font-h2-weight: 600;
  --font-section-size: 16px;
  --font-section-line: 24px;
  --font-section-weight: 600;
  --font-body-size: 14px;
  --font-body-line: 22px;
  --font-body-weight: 400;
  --font-helper-size: 13px;
  --font-helper-line: 20px;
  --font-caption-size: 12px;
  --font-caption-line: 16px;
  --font-button-size: 14px;
  --font-button-line: 20px;
  --font-button-weight: 600;
  --widget-max-width: 960px;
  --widget-inner-padding: 32px;
}

@media (max-width: 767px) {
  :root {
    --font-h1-size: 22px;
    --font-h1-line: 28px;
    --height-input: 52px;
    --widget-inner-padding: 20px;
    --font-mobile-input-size: 16px;
    --font-mobile-input-line: 24px;
  }
}