:root {
  --bg-base: #0F0E0C;
  --bg-surface: #1A1815;
  --bg-elevated: #25221E;
  --text-primary: #F4EFE6;
  --text-secondary: #A8A096;
  --text-tertiary: #6B6760;
  --primary: #3D5A3D;
  --primary-hover: #4A6B4A;
  --accent: #C97B4A;
  --accent-hover: #D88B5A;
  --success: #5A8A5A;
  --warning: #C9963D;
  --error: #B5573A;
  --border-subtle: rgba(244, 239, 230, 0.08);
  --border-default: rgba(244, 239, 230, 0.12);
  --border-strong: rgba(244, 239, 230, 0.20);
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --pad: 4vw;
  --pane-pad: 1.5rem;
  --radius-hero: 24px;
  --radius-card: 12px;
  --radius-chip: 6px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --shadow-tile: 0 8px 32px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --focus-ring: 2px solid var(--accent);
}

.mono {
  font-family: var(--font-mono);
}