:root {
  color-scheme: light;
  --ui-color-canvas: #f4f7f9;
  --ui-color-surface: #ffffff;
  --ui-color-surface-subtle: #f8fafb;
  --ui-color-surface-primary: #f8ecef;
  --ui-color-text-strong: #17202a;
  --ui-color-text-body: #526173;
  --ui-color-text-muted: #64748b;
  --ui-color-border: #e1e7ec;
  --ui-color-border-strong: #cbd5e1;
  --ui-color-primary: #861f35;
  --ui-color-primary-hover: #68172a;
  --ui-color-on-primary: #ffffff;
  --ui-color-info: #2870c7;
  --ui-color-success: #238656;
  --ui-color-success-strong: #17623f;
  --ui-color-warning: #a76b00;
  --ui-color-warning-strong: #765000;
  --ui-color-danger: #c8343f;
  --ui-color-surface-info: #edf5ff;
  --ui-color-surface-success: #edf8f2;
  --ui-color-surface-warning: #fff7e6;
  --ui-color-surface-danger: #fff0f1;
  --ui-color-border-info: #b7d4f5;
  --ui-color-border-success: #b9dfca;
  --ui-color-border-warning: #ead19e;
  --ui-color-border-danger: #efbec2;
  --ui-color-focus: #2870c7;
  --ui-color-disabled: #94a3b8;
  --ui-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ui-font-size-xs: 0.75rem;
  --ui-font-size-sm: 0.875rem;
  --ui-font-size-md: 1rem;
  --ui-font-size-lg: 1.25rem;
  --ui-font-size-xl: clamp(2rem, 6vw, 4.5rem);
  --ui-line-tight: 1.1;
  --ui-line-body: 1.6;
  --ui-space-1: 0.25rem;
  --ui-space-2: 0.5rem;
  --ui-space-3: 0.75rem;
  --ui-space-4: 1rem;
  --ui-space-6: 1.5rem;
  --ui-space-8: 2rem;
  --ui-space-12: 3rem;
  --ui-space-16: 4rem;
  --ui-radius-control: 0.6875rem;
  --ui-radius-navigation: 0.75rem;
  --ui-radius-card: 1rem;
  --ui-radius-pill: 999px;
  --ui-shadow-sm: 0 0.125rem 0.625rem rgb(15 23 42 / 5%);
  --ui-shadow-md: 0 0.875rem 2.5rem rgb(15 23 42 / 14%);
  --ui-content-width: 75rem;
  --ui-control-min-size: 2.75rem;
  --ui-motion-fast: 160ms;
  --ui-motion-standard: 240ms;
  --wine: var(--ui-color-primary);
  --wine-dark: var(--ui-color-primary-hover);
  --wine-soft: var(--ui-color-surface-primary);
  --bg: var(--ui-color-canvas);
  --text: var(--ui-color-text-strong);
  --muted: var(--ui-color-text-muted);
  --border: var(--ui-color-border);
  --success: var(--ui-color-success);
  --warning: var(--ui-color-warning);
  --danger: var(--ui-color-danger);
  --info: var(--ui-color-info);
}