:root {
  /* Palette 1: "Kyoto Concrete" - Minimalist & Technical */
  --color-primary: #1a1a1a; /* Obsidian (Typography/Dark) */
  --color-background: #f4f5f7; /* Off-White / Vapor */
  --color-accent: #8c9da3; /* Slate Steel (Accents) */
  --color-dark-bg: #141414; /* For dark sections (Native Check) */
  --color-text-dark: #1a1a1a;
  --color-text-light: #ffffff;
  --color-muted: #6b7280; /* Softer greys */
  --color-line: #dcdce0; /* Subtle borders */
  --color-error: #ef4444;
  --color-success: #22c55e;

  /* Typography - Serif + Monospace Duality */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Space Mono', monospace;

  --text-base: 1rem; /* 16px */
  --text-lg: 1.125rem; /* 18px */
  --text-xl: 1.25rem; /* 20px */
  --text-2xl: 1.5rem; /* 24px */
  --text-3xl: 1.875rem; /* 30px */
  --text-4xl: 2.25rem; /* 36px */
  --text-5xl: 3rem; /* 48px */
  --text-6xl: 3.75rem; /* 60px */
  --text-7xl: 4.5rem; /* 72px */
  --text-8xl: 6rem; /* 96px */
  --text-9xl: 8rem; /* 128px */

  /* Spacing (8px grid base) */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 80px;
  --space-4xl: 96px;
  --space-5xl: 128px;
}