:root {
  
  --bg-primary: #fffaf5;
  --bg-secondary: #fff7ed;
  --bg-tertiary: #ffedd5;

  
  --accent: #ea580c;
  --accent-hover: #c2410c;
  --accent-wash: rgba(234, 88, 12, 0.12);
  --accent-line: rgba(234, 88, 12, 0.28);

  
  --text-primary: #431407;
  --text-secondary: #7c2d12;
  --text-muted: #b45309;
  --text-invert: #fffaf5;

  
  --chill-deep: #0b3f49;
  --chill: #0f6f7d;
  --chill-mid: #2fa3ad;
  --chill-soft: #bfe6ea;
  --chill-wash: rgba(15, 111, 125, 0.10);

  --line: rgba(124, 45, 18, 0.18);
  --line-soft: rgba(124, 45, 18, 0.10);

  
  --font-head: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-body: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num: Consolas, "SFMono-Regular", "Liberation Mono", ui-monospace, monospace;

  
  --fluid-h1: clamp(34px, 6.4vw, 68px);
  --fluid-h2: clamp(26px, 4vw, 42px);
  --fluid-h3: clamp(20px, 2.3vw, 26px);
  --fluid-lead: clamp(17px, 1.6vw, 21px);
  --fluid-giant: clamp(38px, 6vw, 64px);

  
  --fluid-space-sm: clamp(8px, 1.4vw, 16px);
  --fluid-space-md: clamp(16px, 2.8vw, 32px);
  --fluid-space-lg: clamp(32px, 5vw, 72px);
  --fluid-width: clamp(320px, 92vw, 1180px);

  --gap: 24px;
  --gap-sm: 12px;
  --gap-lg: 32px;
  --radius: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --shadow-card: 0 4px 14px rgba(67, 20, 7, 0.07);
  --shadow-lift: 0 12px 40px rgba(11, 63, 73, 0.22);
  --shadow-panel: 0 18px 44px rgba(11, 63, 73, 0.18);

  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.2s ease;

  --fab-reserve: 96px;
}