:root {
  --color-bg: #f5f2ea;
  --color-ink: #0f1310;
  --color-muted: #5c5a52;
  --color-rule: #1f2520;
  --color-accent: #0b5a3f;
  --color-accent-mint: #94d3b5;
  --color-accent-soft: #e6efe9;
  --color-card: #fffcf4;
  --color-white: #ffffff;

  --ink-80: rgba(15, 19, 16, 0.8);
  --ink-60: rgba(15, 19, 16, 0.6);
  --ink-40: rgba(15, 19, 16, 0.4);
  --ink-20: rgba(15, 19, 16, 0.2);
  --ink-14: rgba(15, 19, 16, 0.14);
  --ink-10: rgba(15, 19, 16, 0.1);
  --ink-08: rgba(15, 19, 16, 0.08);
  --ink-06: rgba(15, 19, 16, 0.06);

  --bg-95: rgba(245, 242, 234, 0.95);
  --bg-90: rgba(245, 242, 234, 0.9);
  --bg-80: rgba(245, 242, 234, 0.8);
  --bg-20: rgba(245, 242, 234, 0.2);

  --accent-soft-80: rgba(230, 239, 233, 0.8);

  --font-serif: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-pill: 999px;

  --space-tight: 24px;
  --space-mobile: 32px;
  --space-gutter: 56px;
  --space-section-y: 96px;
  --space-section-y-sm: 64px;

  --bp-nav: 1080px;
  --bp-stack: 960px;
  --bp-tight: 720px;

  --shadow-soft: 0 24px 48px -28px rgba(15, 19, 16, 0.25);
  --shadow-modal: 0 30px 60px -20px rgba(0, 0, 0, 0.4);
}