:root {
  --color-canvas: #efede8;
  --color-surface: #f8f7f3;
  --color-surface-muted: #e5e2da;
  --color-surface-inverse: #0d0d10;
  --color-ink: #0d0d10;
  --color-ink-soft: #2a2a2d;
  --color-muted: #706d67;
  --color-muted-subtle: #96928a;
  --color-inverse: #ffffff;
  --color-line: #dad6c9;
  --color-line-strong: #bdb9af;
  --color-focus: #5c7838;
  --color-success: #5c7838;
  --color-success-soft: #dce8c5;
  --color-warning: #a15c00;
  --color-warning-soft: #f8e3bd;
  --color-danger: #a13d35;
  --color-danger-soft: #f4d6d2;
  --color-info: #365f8a;
  --color-info-soft: #d9e7f5;
  --color-accent: #bfd58f;
  --color-accent-strong: #78964e;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-float: 0 12px 32px rgba(13, 13, 16, 0.12);
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}