:root {
  --color-ink: #16241c;
  --color-ink-soft: #22342a;
  --color-paper: #fbf9f5;
  --color-panel: #f7f2ea;
  --color-panel-strong: #efe7dc;
  --color-sand: #ede7dc;
  --color-brass: #a9824c;
  --color-brass-deep: #7a5a31;
  --color-brass-light: #c9a876;
  --color-forest: #0f1913;
  --color-sage: #dfe6dc;
  --color-slate: #3b3f3a;
  --color-slate-light: #6b7169;
  --color-white: #fff;
  --color-line: rgba(22, 36, 28, 0.12);
  --color-glow: rgba(201, 168, 118, 0.14);

  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-soft);
  --paper: var(--color-paper);
  --panel: var(--color-panel);
  --panel-strong: var(--color-panel-strong);
  --sand: var(--color-sand);
  --brass: var(--color-brass);
  --brass-deep: var(--color-brass-deep);
  --brass-light: var(--color-brass-light);
  --forest: var(--color-forest);
  --sage: var(--color-sage);
  --slate: var(--color-slate);
  --slate-light: var(--color-slate-light);
  --white: var(--color-white);
  --line: var(--color-line);
  --glow: var(--color-glow);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-13: 56px;
  --space-14: 64px;

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-soft: 0 12px 30px rgba(22, 36, 28, 0.05);
  --shadow-card: 0 18px 34px rgba(22, 36, 28, 0.08);
  --shadow-strong: 0 24px 44px rgba(22, 36, 28, 0.12);
  --shadow-lift: 0 24px 52px rgba(15, 25, 19, 0.12);

  --transition-fast: 180ms ease;
  --transition-base: 260ms ease;
  --header-offset: 110px;
  --content-max: 1260px;
}