:root {
  --ui-bg: #f7f3eb;
  --ui-bg-elevated: rgba(255, 251, 245, 0.92);
  --ui-surface: #fffdfa;
  --ui-surface-muted: #f4ede2;
  --ui-ink: #221c16;
  --ui-muted: #6b5a4a;
  --ui-line: rgba(118, 90, 62, 0.16);
  --ui-brand: #a85f35;
  --ui-brand-deep: #6f3921;
  --ui-brand-soft: rgba(168, 95, 53, 0.12);
  --ui-ok: #1e6a54;
  --ui-ok-soft: rgba(30, 106, 84, 0.12);
  --ui-warn: #9d641f;
  --ui-warn-soft: rgba(157, 100, 31, 0.14);
  --ui-bad: #8d3028;
  --ui-bad-soft: rgba(141, 48, 40, 0.13);
  --ui-shadow: 0 24px 60px rgba(66, 40, 18, 0.12);
  --ui-radius-xl: 28px;
  --ui-radius-lg: 22px;
  --ui-radius-md: 18px;
  --ui-radius-sm: 14px;
  --ui-space-1: 8px;
  --ui-space-2: 12px;
  --ui-space-3: 16px;
  --ui-space-4: 20px;
  --ui-space-5: 28px;
  --ui-space-6: 36px;
}