:root {
  --brand-600: #b8501f;
  --brand-700: #a8481f;
  --brand-400: #e0713f;
  --brand-100: #f7e3d6;
  --ink-900: #2a211c;
  --ink-700: #5b4e45;
  --ink-500: #6e6157;
  --ink-400: #75665b;
  --surface: #fffbf6;
  --surface-section: #fbf4ec;
  --surface-card: #fff;
  --border: #eadfd3;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgb(42 33 28 / 5%);
  --shadow-md: 0 10px 30px rgb(42 33 28 / 8%);
  --text-meta: 13px;
  --text-small: 14px;
  --text-body: 16px;
  --text-card: 17px;
  --text-large: 21px;
  --text-subtitle: 26px;
  --text-title: 32px;
  --text-hero: 48px;
  --content-width: 1240px;
  --section-space: 96px;
  --grid-gap: 24px;
  --ink: var(--ink-900);
  --muted: var(--ink-400);
  --orange: var(--brand-600);
  --orange-dark: var(--brand-700);
  --cream: var(--surface);
  --line: var(--border);
}
@media (max-width: 600px) {
  :root { --section-space: 56px; --text-hero: 32px; --text-title: 26px; }
}