/* Generated implementation mapping for design/DESIGN.md. Validate with npm run design:lint. */
:root {
  --uw-color-primary: #c93608;
  --uw-color-on-primary: #ffffff;
  --uw-color-primary-dark: #a92d06;
  --uw-color-background: #f3f0e8;
  --uw-color-on-background: #111210;
  --uw-color-surface: #fbfaf6;
  --uw-color-on-surface: #111210;
  --uw-color-surface-variant: #e4e1da;
  --uw-color-on-surface-variant: #5f625d;
  --uw-color-outline: rgba(17, 18, 16, 0.18);
  --uw-color-inverse-surface: #111210;
  --uw-color-inverse-on-surface: #fbfaf6;
  --uw-color-steam: #dce7ea;
  --uw-color-hygiene: #cfe9dc;
  --uw-color-error: #b3261e;
  --uw-color-on-error: #ffffff;

  --uw-font-family: "MiSans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --uw-font-editorial: "Newsreader", Georgia, serif;
  --uw-text-display-mobile: 3.35rem;
  --uw-text-display-desktop: 6rem;
  --uw-text-headline-lg: 3.25rem;
  --uw-text-headline-md: 2rem;
  --uw-text-body-lg: 1.25rem;
  --uw-text-body-md: 1rem;
  --uw-text-label: 0.75rem;
  /* MiSans Vietnamese accents need real leading; display type must never use sub-1 line boxes. */
  --uw-leading-display: 1.2;
  --uw-leading-heading: 1.22;
  --uw-leading-body: 1.6;

  --uw-radius-none: 0;
  --uw-radius-sm: 4px;
  --uw-radius-md: 8px;
  --uw-radius-lg: 16px;
  --uw-radius-xl: 24px;
  --uw-radius-full: 9999px;

  --uw-space-2xs: 4px;
  --uw-space-xs: 8px;
  --uw-space-sm: 12px;
  --uw-space-md: 16px;
  --uw-space-lg: 24px;
  --uw-space-xl: 32px;
  --uw-space-2xl: 48px;
  --uw-space-3xl: 72px;
  --uw-space-4xl: 96px;
  --uw-space-5xl: 144px;
  --uw-content-max: 1180px;
  --uw-wide-max: 1500px;

  --uw-control-min: 44px;
  --uw-control-default: 48px;
  --uw-page-gutter: clamp(20px, 4vw, 72px);
  --uw-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}