:root {
  /* Backgrounds */
  --color-bg: #f7f6f2;
  --color-bg-tint: #edeae2;
  --color-bg-deep: #f0ede6;
  --color-bg-card: #ffffff;
  --color-bg-dark: #1a1a1a;
  --color-bg-dark-2: #111111;
  --color-bg-input-dark: #2a2a2a;

  /* Text */
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #666666;
  --color-text-muted: #aaaaaa;
  --color-text-faint: #cccccc;
  --color-text-dark-primary: #f7f6f2;
  --color-text-dark-secondary: #555555;

  /* Borders */
  --color-border: #e2dfd8;
  --color-border-mid: #d8d5ce;
  --color-border-strong: #c8c4bc;
  --color-border-dark: #2a2a2a;
  --color-border-dark-2: #383838;

  /* Accent */
  --color-accent-blue: #2d5a8e;
  --color-accent-blue-bg: #eaf0f8;
  --color-accent-green: #2a6e3f;
  --color-accent-green-bg: #e5f0ea;
  --color-accent-amber: #7a5020;
  --color-accent-amber-bg: #f2ede5;
  --color-accent-blue-light: #9db8d4;

  /* Pulse */
  --color-pulse: #2a6e3f;

  /* Typography */
  --font-serif: "Lora", Georgia, serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", "Fira Code", Menlo, monospace;

  /* Type scale */
  --text-hero: clamp(38px, 5.5vw, 54px);
  --text-h2: clamp(26px, 3.5vw, 34px);
  --text-h3: clamp(20px, 2.5vw, 26px);
  --text-lg: 17px;
  --text-base: 15px;
  --text-sm: 13px;
  --text-xs: 11px;
  --text-mono: 10px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;

  /* Layout */
  --max-content: 660px;
  --max-wide: 780px;
  --max-full: 1100px;
  --nav-height: 56px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 999px;

  /* Motion */
  --t-fast: 120ms ease;
  --t-base: 200ms ease;
}