/* Generated from DESIGN.md by bun brand/build-tokens.ts. Do not edit. */
:root {
  --ww-primary: #4B172A;
  --ww-primary-hover: #35101E;
  --ww-secondary: #6E6065;
  --ww-tertiary: #947042;
  --ww-neutral: #F6F1E9;
  --ww-surface: #FFFCF7;
  --ww-on-surface: #241C1F;
  --ww-on-primary: #FFFCF7;
  --ww-surface-muted: #EEE6DE;
  --ww-border: #DBD2CC;
  --ww-rose: #E9D8D9;
  --ww-inverse: #241019;
  --ww-on-inverse: #F6F1E9;
  --ww-inverse-muted: #C8B6BE;
  --ww-success: #276349;
  --ww-success-container: #EAF3ED;
  --ww-warning: #805311;
  --ww-warning-container: #F8EFDC;
  --ww-error: #A22F43;
  --ww-error-container: #FAECEF;
  --ww-info: #365D77;
  --ww-info-container: #EAF1F5;
  --ww-chart-secondary: #8A4D61;
  --ww-space-micro: 4px;
  --ww-space-xs: 8px;
  --ww-space-sm: 12px;
  --ww-space-md: 16px;
  --ww-space-lg: 24px;
  --ww-space-xl: 32px;
  --ww-space-2xl: 48px;
  --ww-space-3xl: 64px;
  --ww-space-4xl: 96px;
  --ww-space-5xl: 128px;
  --ww-space-page-mobile: 24px;
  --ww-space-page-desktop: 64px;
  --ww-radius-none: 0px;
  --ww-radius-sm: 4px;
  --ww-radius-md: 8px;
  --ww-radius-lg: 12px;
  --ww-radius-full: 9999px;
  --ww-type-headline-display-font-family: Instrument Serif;
  --ww-type-headline-display-font-size: 80px;
  --ww-type-headline-display-font-weight: 400;
  --ww-type-headline-display-line-height: 1.02;
  --ww-type-headline-display-letter-spacing: -0.02em;
  --ww-type-headline-lg-font-family: Instrument Serif;
  --ww-type-headline-lg-font-size: 56px;
  --ww-type-headline-lg-font-weight: 400;
  --ww-type-headline-lg-line-height: 1.08;
  --ww-type-headline-lg-letter-spacing: -0.02em;
  --ww-type-headline-md-font-family: Instrument Serif;
  --ww-type-headline-md-font-size: 40px;
  --ww-type-headline-md-font-weight: 400;
  --ww-type-headline-md-line-height: 1.12;
  --ww-type-headline-sm-font-family: Instrument Serif;
  --ww-type-headline-sm-font-size: 32px;
  --ww-type-headline-sm-font-weight: 400;
  --ww-type-headline-sm-line-height: 1.2;
  --ww-type-title-lg-font-family: Manrope;
  --ww-type-title-lg-font-size: 24px;
  --ww-type-title-lg-font-weight: 600;
  --ww-type-title-lg-line-height: 1.3;
  --ww-type-title-md-font-family: Manrope;
  --ww-type-title-md-font-size: 20px;
  --ww-type-title-md-font-weight: 600;
  --ww-type-title-md-line-height: 1.4;
  --ww-type-body-lg-font-family: Manrope;
  --ww-type-body-lg-font-size: 18px;
  --ww-type-body-lg-font-weight: 400;
  --ww-type-body-lg-line-height: 1.6;
  --ww-type-body-md-font-family: Manrope;
  --ww-type-body-md-font-size: 16px;
  --ww-type-body-md-font-weight: 400;
  --ww-type-body-md-line-height: 1.6;
  --ww-type-body-sm-font-family: Manrope;
  --ww-type-body-sm-font-size: 14px;
  --ww-type-body-sm-font-weight: 400;
  --ww-type-body-sm-line-height: 1.5;
  --ww-type-label-md-font-family: Manrope;
  --ww-type-label-md-font-size: 14px;
  --ww-type-label-md-font-weight: 600;
  --ww-type-label-md-line-height: 1.2;
  --ww-type-label-caps-font-family: Manrope;
  --ww-type-label-caps-font-size: 12px;
  --ww-type-label-caps-font-weight: 600;
  --ww-type-label-caps-line-height: 1.3;
  --ww-type-label-caps-letter-spacing: 0.12em;
  --ww-type-caption-font-family: Manrope;
  --ww-type-caption-font-size: 12px;
  --ww-type-caption-font-weight: 500;
  --ww-type-caption-line-height: 1.5;
  --ww-type-metric-font-family: Manrope;
  --ww-type-metric-font-size: 32px;
  --ww-type-metric-font-weight: 500;
  --ww-type-metric-line-height: 1.1;
  --ww-type-metric-letter-spacing: -0.03em;
  --ww-type-metric-font-feature: "tnum";
  --ww-type-price-font-family: Manrope;
  --ww-type-price-font-size: 24px;
  --ww-type-price-font-weight: 600;
  --ww-type-price-line-height: 1.3;
  --ww-type-price-font-feature: "tnum";
  --background: var(--ww-neutral);
  --foreground: var(--ww-on-surface);
  --card: var(--ww-surface);
  --card-foreground: var(--ww-on-surface);
  --popover: var(--ww-surface);
  --popover-foreground: var(--ww-on-surface);
  --primary: var(--ww-primary);
  --primary-foreground: var(--ww-on-primary);
  --secondary: var(--ww-surface-muted);
  --secondary-foreground: var(--ww-on-surface);
  --muted: var(--ww-surface-muted);
  --muted-foreground: var(--ww-secondary);
  --accent: var(--ww-rose);
  --accent-foreground: var(--ww-primary);
  --destructive: var(--ww-error);
  --border: var(--ww-border);
  --input: var(--ww-secondary);
  --ring: var(--ww-primary);
  --chart-1: var(--ww-primary);
  --chart-2: var(--ww-chart-secondary);
  --chart-3: var(--ww-tertiary);
  --chart-4: var(--ww-success);
  --chart-5: var(--ww-info);
  --sidebar: var(--ww-surface);
  --sidebar-foreground: var(--ww-on-surface);
  --sidebar-primary: var(--ww-primary);
  --sidebar-primary-foreground: var(--ww-on-primary);
  --sidebar-accent: var(--ww-rose);
  --sidebar-accent-foreground: var(--ww-primary);
  --sidebar-border: var(--ww-border);
  --sidebar-ring: var(--ww-primary);
  --radius: 0.25rem;
}
.dark {
  --background: var(--ww-inverse);
  --foreground: var(--ww-on-inverse);
  --card: var(--ww-primary-hover);
  --card-foreground: var(--ww-on-inverse);
  --popover: var(--ww-primary-hover);
  --popover-foreground: var(--ww-on-inverse);
  --primary: var(--ww-rose);
  --primary-foreground: var(--ww-primary-hover);
  --muted: var(--ww-primary-hover);
  --muted-foreground: var(--ww-inverse-muted);
  --secondary: var(--ww-primary-hover);
  --secondary-foreground: var(--ww-on-inverse);
  --accent: var(--ww-primary);
  --accent-foreground: var(--ww-on-inverse);
  --border: var(--ww-secondary);
  --input: var(--ww-inverse-muted);
  --ring: var(--ww-rose);
  --sidebar: var(--ww-inverse);
  --sidebar-foreground: var(--ww-on-inverse);
  --sidebar-accent: var(--ww-primary);
  --sidebar-accent-foreground: var(--ww-on-inverse);
}