:root {
  color-scheme: light;

  --ui-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --ui-font-size-body: 1rem;
  --ui-font-size-small: 0.875rem;
  --ui-font-size-label: 0.75rem;
  --ui-font-size-title: clamp(2rem, 8vw, 3.5rem);
  --ui-font-size-section: clamp(1.25rem, 4vw, 1.5rem);
  --ui-line-height-body: 1.6;
  --ui-line-height-tight: 1.15;
  --ui-letter-spacing-label: 0.08em;
  --ui-font-weight-emphasis: 600;
  --ui-font-weight-strong: 700;
  --ui-font-weight-regular: 400;

  --ui-space-1: 0.25rem;
  --ui-space-2: 0.5rem;
  --ui-space-3: 0.75rem;
  --ui-space-4: 1rem;
  --ui-space-5: 1.25rem;
  --ui-space-6: 1.5rem;
  --ui-space-8: 2rem;
  --ui-space-10: 2.5rem;
  --ui-space-12: 3rem;
  --ui-space-16: 4rem;

  --ui-size-icon: 1rem;
  --ui-size-avatar: 2rem;
  --ui-size-control: 2.75rem;
  --ui-size-top-bar: 4rem;
  --ui-size-top-bar-compact: 3.5rem;
  --ui-size-menu-min: 16rem;
  --ui-size-menu-max: 28rem;
  --ui-size-drawer: min(22rem, 100%);
  --ui-size-spinner: 1.25rem;
  --ui-safe-area-top: env(safe-area-inset-top, 0px);
  --ui-safe-area-inline: env(safe-area-inset-right, 0px);
  --ui-container-inline-size: min(var(--ui-content-width), calc(100% - var(--ui-space-8)));
  --ui-container-inline-size-wide: min(var(--ui-content-width), calc(100% - var(--ui-space-16)));
  --ui-shell-min-block-size: 100dvh;

  --ui-radius-small: 0.25rem;
  --ui-radius-medium: 0.5rem;
  --ui-radius-round: 999rem;
  --ui-border-width: 0.0625rem;
  --ui-border-style: solid;
  --ui-focus-outline-width: 0.1875rem;
  --ui-focus-outline-offset: var(--ui-space-1);
  --ui-status-accent-width: var(--ui-space-1);
  --ui-content-width: 72rem;
  --ui-reading-width: 42rem;
  --ui-z-base: 0;
  --ui-z-sticky: 10;
  --ui-z-menu: 20;
  --ui-z-drawer: 30;
  --ui-shadow-menu: 0 var(--ui-space-3) var(--ui-space-10) rgb(23 33 30 / 0.14);
  --ui-motion-duration-fast: 160ms;
  --ui-motion-duration-normal: 220ms;
  --ui-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ui-motion-distance: var(--ui-space-2);

  --ui-color-page-canvas: #f8fafa;
  --ui-color-canvas: var(--ui-color-page-canvas);
  --ui-color-surface: #ffffff;
  --ui-color-surface-subtle: #eef0eb;
  --ui-color-text-strong: #17211e;
  --ui-color-text: #31403b;
  --ui-color-text-muted: #5a6862;
  --ui-color-border: #bdc8c0;
  --ui-color-status-surface: #e6f2ed;
  --ui-color-status-border: #17624f;
  --ui-color-status-text: #143f35;
  --ui-color-focus-ring: #1a6d59;
  --ui-color-interactive-surface: #e6f2ed;
  --ui-color-interactive-text: #143f35;
  --ui-color-overlay: rgb(23 33 30 / 0.35);
  --ui-color-loading-track: #bdc8c0;
  --ui-color-hero-canvas: var(--ui-color-page-canvas);
  --ui-color-hero-overlay: rgb(248 250 250 / 0.42);
  --ui-color-hero-transition: rgb(248 250 250 / 0.88);
  --ui-color-hero-ink: #173f60;
  --ui-color-hero-copy: rgb(56 82 102 / 0.76);
  --ui-color-hero-gold: #bd9345;
  --ui-color-hero-glow: rgb(247 250 250 / 0.91);
  --ui-color-hero-glow-soft: rgb(97 143 174 / 0.31);
  --ui-color-hero-paper: rgb(255 254 249 / 0.84);
  --ui-color-hero-line: rgb(23 52 82 / 0.14);
}