:root {
  --mesa-page: #f5efe4;
  --mesa-surface: #fffdf9;
  --mesa-surface-elevated: #ffffff;
  --mesa-ink: #211c19;
  --mesa-ink-muted: #6a5e56;
  --mesa-border: #d8cec4;
  --mesa-brand: #a95637;
  --mesa-brand-hover: #8e432f;
  --mesa-espresso: #35251e;
  --mesa-focus: #255f88;

  --mesa-success: #176b55;
  --mesa-warning: #7a4f16;
  --mesa-danger: #b43b45;
  --mesa-info: #255f88;
  --mesa-neutral: #4a5864;
  --mesa-disabled: #817a74;
  --mesa-success-ink: #125c49;
  --mesa-success-soft: #e8f5f0;
  --mesa-warning-ink: #7a4f16;
  --mesa-warning-soft: #fff5d9;
  --mesa-danger-ink: #93313a;
  --mesa-danger-soft: #fff3f4;
  --mesa-info-ink: #255f88;
  --mesa-info-soft: #edf5f8;
  --mesa-neutral-ink: #4a5864;
  --mesa-neutral-soft: #f0f3f4;
  --mesa-disabled-ink: #817a74;
  --mesa-disabled-soft: #e9e4de;

  --mesa-font-brand: Georgia, Charter, "Times New Roman", serif;
  --mesa-font-ui: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --mesa-font-weight-regular: 400;
  --mesa-font-weight-semibold: 600;
  --mesa-font-weight-bold: 700;
  --mesa-font-weight-extrabold: 800;
  --mesa-type-display-size: clamp(44px, 5vw, 88px);
  --mesa-type-display-line: 0.98;
  --mesa-type-h1-size: clamp(28px, 2.2vw, 32px);
  --mesa-type-h1-line: 1.15;
  --mesa-type-h2-size: 24px;
  --mesa-type-h2-line: 1.25;
  --mesa-type-h3-size: 20px;
  --mesa-type-h3-line: 1.3;
  --mesa-type-body-size: 16px;
  --mesa-type-body-line: 1.5;
  --mesa-type-small-size: 14px;
  --mesa-type-small-line: 1.45;
  --mesa-type-label-size: 14px;
  --mesa-type-label-line: 1.3;
  --mesa-type-caption-size: 12px;
  --mesa-type-caption-line: 1.35;

  --mesa-space-0: 0;
  --mesa-space-1: 4px;
  --mesa-space-2: 8px;
  --mesa-space-3: 12px;
  --mesa-space-4: 16px;
  --mesa-space-6: 24px;
  --mesa-space-8: 32px;
  --mesa-space-12: 48px;
  --mesa-space-16: 64px;
  --mesa-radius-sm: 6px;
  --mesa-radius-md: 10px;
  --mesa-radius-lg: 16px;
  --mesa-radius-pill: 999px;
  --mesa-shadow-1: 0 1px 2px rgba(33, 28, 25, 0.08);
  --mesa-shadow-2: 0 12px 32px rgba(53, 37, 30, 0.14);
  --mesa-target-compact: 36px;
  --mesa-target-default: 44px;
  --mesa-target-touch: 48px;
  --mesa-focus-ring-width: 3px;
  --mesa-focus-ring-offset: 2px;
  --mesa-motion-fast: 100ms;
  --mesa-motion-normal: 160ms;
  --mesa-motion-overlay: 180ms;
}