/* GENERATED FILE — DO NOT EDIT.
 * Source: meta/contracts/design-tokens.json v3.0.0
 * Run: node meta/scripts/generate-design-tokens.mjs
 */

:root,
[data-ul-theme="default"] {
  color-scheme: light;
  --ul-color-canvas: #EEF3F2;
  --ul-color-surface: #FCFEFD;
  --ul-color-surface-raised: #FFFFFF;
  --ul-color-surface-strong: #14252A;
  --ul-color-text: #14252A;
  --ul-color-text-muted: #5D6B6E;
  --ul-color-primary: #0B7774;
  --ul-color-primary-pressed: #075F5D;
  --ul-color-accent: #B82D46;
  --ul-color-border: #C7D2D0;
  --ul-color-focus: #B82D46;
  --ul-color-map: #DCE9E7;
  --ul-color-success: #347A55;
  --ul-color-warning: #A85C00;
  --ul-color-error: #B42318;
  --ul-color-neutral: #40565B;
  --ul-color-disabled: #819092;
  --ul-color-on-strong: #FFFFFF;
  --ul-color-on-primary: #FFFFFF;
  --ul-color-on-accent: #FFFFFF;
  --ul-space-2xs: 4px;
  --ul-space-xs: 8px;
  --ul-space-sm: 12px;
  --ul-space-md: 16px;
  --ul-space-lg: 24px;
  --ul-space-xl: 32px;
  --ul-space-2xl: 48px;
  --ul-radius-sm: 8px;
  --ul-radius-md: 12px;
  --ul-radius-lg: 20px;
  --ul-radius-pill: 999px;
  --ul-touch-minimum: 48px;
  --ul-touch-comfortable: 56px;
  --ul-touch-primary: 64px;
  --ul-type-family-sans: "IBM Plex Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ul-type-family-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ul-type-display-size: 2.5rem;
  --ul-type-display-line-height: 1.2;
  --ul-type-display-weight: 700;
  --ul-type-page-size: 1.75rem;
  --ul-type-page-line-height: 1.2142857142857142;
  --ul-type-page-weight: 700;
  --ul-type-section-size: 1.375rem;
  --ul-type-section-line-height: 1.2727272727272727;
  --ul-type-section-weight: 600;
  --ul-type-body-size: 1rem;
  --ul-type-body-line-height: 1.5;
  --ul-type-body-weight: 400;
  --ul-type-body-sm-size: 0.875rem;
  --ul-type-body-sm-line-height: 1.4285714285714286;
  --ul-type-body-sm-weight: 400;
  --ul-type-label-size: 0.875rem;
  --ul-type-label-line-height: 1.4285714285714286;
  --ul-type-label-weight: 600;
  --ul-type-mono-size: 1rem;
  --ul-type-mono-line-height: 1.375;
  --ul-type-mono-weight: 500;
  --ul-motion-fast: 120ms;
  --ul-motion-base: 200ms;
  --ul-elevation-raised: 0 2px 8px rgba(20, 37, 42, 0.12);
  --ul-elevation-overlay: 0 6px 16px rgba(20, 37, 42, 0.16);
  --ul-breakpoint-compact: 600px;
  --ul-breakpoint-medium: 900px;
  --ul-breakpoint-wide: 1200px;
}


[data-ul-theme="sunlight"] {
  color-scheme: light;
  --ul-color-canvas: #FFFFFF;
  --ul-color-surface: #FFFFFF;
  --ul-color-surface-raised: #FFFFFF;
  --ul-color-surface-strong: #000000;
  --ul-color-text: #000000;
  --ul-color-text-muted: #344448;
  --ul-color-primary: #075F5D;
  --ul-color-primary-pressed: #14252A;
  --ul-color-accent: #982138;
  --ul-color-border: #5D6B6E;
  --ul-color-focus: #982138;
  --ul-color-map: #E8F0EF;
  --ul-color-success: #245F40;
  --ul-color-warning: #754000;
  --ul-color-error: #871A12;
  --ul-color-neutral: #14252A;
  --ul-color-disabled: #344448;
  --ul-color-on-strong: #FFFFFF;
  --ul-color-on-primary: #FFFFFF;
  --ul-color-on-accent: #FFFFFF;
}

