:root {
  color-scheme: light;

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

  --ui-canvas: #f4f6f7;
  --ui-surface: #ffffff;
  --ui-surface-subtle: #f8faf9;
  --ui-surface-muted: #eef2f1;
  --ui-text: #172120;
  --ui-text-muted: #60706d;
  --ui-text-soft: #84918f;
  --ui-border: #dfe6e4;
  --ui-border-strong: #cbd6d3;

  --ui-primary: #294d4a;
  --ui-primary-hover: #203e3c;
  --ui-primary-soft: #e8f0ee;
  --ui-accent: #e76824;
  --ui-accent-soft: #fff1e8;
  --ui-danger: #c63f3f;
  --ui-danger-hover: #a93232;
  --ui-danger-soft: #fdf0f0;
  --ui-warning: #a35a19;
  --ui-warning-soft: #fff5e8;
  --ui-success: #2f7158;
  --ui-success-soft: #eaf5ef;
  --ui-info: #3e6470;
  --ui-info-soft: #eaf1f3;

  --ui-radius-xs: 0.375rem;
  --ui-radius-sm: 0.5rem;
  --ui-radius-md: 0.75rem;
  --ui-radius-lg: 1rem;

  --ui-shadow-xs: 0 1px 2px rgb(23 33 32 / 5%);
  --ui-shadow-sm: 0 8px 24px rgb(23 33 32 / 7%);
  --ui-shadow-lg: 0 24px 70px rgb(23 33 32 / 16%);

  --ui-duration-fast: 120ms;
  --ui-duration: 170ms;
  --ui-easing: cubic-bezier(0.2, 0, 0, 1);
}