:root {
  color-scheme: light;

  --color-canvas: #f5f1e8;
  --color-surface: #fffdf8;
  --color-surface-muted: #eee8dc;
  --color-sidebar: #173f35;
  --color-sidebar-strong: #0f3028;
  --color-sidebar-text: #fffdf8;
  --color-sidebar-muted: #c8d5cf;
  --color-accent: #b88a3b;
  --color-accent-strong: #8c6727;
  --color-accent-soft: #f6ecd8;
  --color-text: #1f2a26;
  --color-muted: #66716c;
  --color-border: #dcd5c8;
  --color-border-strong: #c6bba8;
  --color-danger: #b42318;
  --color-success: #237a57;
  --color-success-soft: #e5efe9;
  --color-warning: #94562f;
  --color-warning-soft: #f7e8dc;
  --color-info: #465f73;
  --color-info-soft: #e5edf2;
  --color-focus: #b88a3b;
  --color-disabled: #e8e4dc;
  --color-operational: #24473d;
  --color-operational-strong: #17372f;
  --color-operational-soft: #e7efeb;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.1875rem;
  --text-title: clamp(1.5rem, 2vw, 2rem);

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

  --radius-control: 8px;
  --radius-panel: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-panel: 0 12px 32px rgb(57 48 38 / 0.07);
  --shadow-floating: 0 20px 48px rgb(39 34 29 / 0.14);

  --sidebar-width: 212px;
  --mobile-nav-height: 64px;
  --content-max: 1680px;
  --layer-dropdown: 20;
  --layer-sticky: 30;
  --layer-dialog: 50;
}