/**
 * ladada design tokens — CSS custom properties.
 * Generated from kit/tokens/theme.json — do not edit by hand.
 * Run: npm run generate:theme-css
 */
:root {
  --ladada-color-background: #F3F2EE;
  --ladada-color-surface: #FFFFFF;
  --ladada-color-surface-secondary: #E9DCCD;
  --ladada-color-surface-grouped: #FAFAF8;
  --ladada-color-text: #4B4041;
  --ladada-color-text-secondary: #939393;
  --ladada-color-text-muted: #BDBDBD;
  --ladada-color-text-inverse: #F3F2EE;
  --ladada-color-accent: #F586A5;
  --ladada-color-accent-muted: #F3DADB;
  --ladada-color-accent-soft: #FBF0F3;
  --ladada-color-navy: #1D2A45;
  --ladada-color-sky: #D0E6FD;
  --ladada-color-sky-muted: #D8EBFF;
  --ladada-color-burgundy: #530616;
  --ladada-color-olive: #9AAA68;
  --ladada-color-social-yellow: #FFE88E;
  --ladada-color-separator: rgba(75, 64, 65, 0.1);
  --ladada-color-border: rgba(75, 64, 65, 0.08);
  --ladada-color-border-hairline: rgba(75, 64, 65, 0.06);
  --ladada-color-fill-primary: #1D2A45;
  --ladada-color-fill-secondary: #E9DCCD;
  --ladada-color-fill-tertiary: #F3F2EE;
  --ladada-color-focus: #1D2A45;
  --ladada-color-error: #530616;
  --ladada-color-error-soft: #F8F0F0;
  --ladada-color-success: #9AAA68;
  --ladada-color-success-soft: #F4F6EE;
  --ladada-color-white: #FFFFFF;
  --ladada-space-xs: 4px;
  --ladada-space-sm: 8px;
  --ladada-space-md: 16px;
  --ladada-space-lg: 24px;
  --ladada-space-xl: 32px;
  --ladada-space-xxl: 40px;
  --ladada-space-xxxl: 56px;
  --ladada-radius-sm: 8px;
  --ladada-radius-md: 12px;
  --ladada-radius-lg: 16px;
  --ladada-radius-xl: 20px;
  --ladada-radius-xxl: 24px;
  --ladada-radius-pill: 999px;
  --ladada-radius-brand: 162px;
  --ladada-font-ui: "Inter Tight", Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --ladada-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --ladada-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --ladada-text-display-size: 34px;
  --ladada-text-display-line: 41px;
  --ladada-text-display-weight: 400;
  --ladada-text-display-tracking: -0.5px;
  --ladada-text-h1-size: 28px;
  --ladada-text-h1-line: 34px;
  --ladada-text-h1-weight: 700;
  --ladada-text-h1-tracking: -0.4px;
  --ladada-text-h2-size: 22px;
  --ladada-text-h2-line: 28px;
  --ladada-text-h2-weight: 600;
  --ladada-text-h2-tracking: -0.3px;
  --ladada-text-h3-size: 17px;
  --ladada-text-h3-line: 22px;
  --ladada-text-h3-weight: 600;
  --ladada-text-h3-tracking: -0.2px;
  --ladada-text-body-size: 17px;
  --ladada-text-body-line: 24px;
  --ladada-text-body-weight: 400;
  --ladada-text-body-tracking: -0.1px;
  --ladada-text-body-medium-size: 17px;
  --ladada-text-body-medium-line: 24px;
  --ladada-text-body-medium-weight: 500;
  --ladada-text-body-medium-tracking: -0.1px;
  --ladada-text-caption-size: 15px;
  --ladada-text-caption-line: 20px;
  --ladada-text-caption-weight: 400;
  --ladada-text-caption-tracking: 0px;
  --ladada-text-label-size: 13px;
  --ladada-text-label-line: 18px;
  --ladada-text-label-weight: 500;
  --ladada-text-label-tracking: 0.2px;
  --ladada-text-button-size: 17px;
  --ladada-text-button-line: 22px;
  --ladada-text-button-weight: 600;
  --ladada-text-button-tracking: -0.2px;
  --ladada-text-accent-size: 20px;
  --ladada-text-accent-line: 26px;
  --ladada-text-accent-weight: 400;
  --ladada-text-accent-tracking: 0px;
}