:root {
  --bg-base: #0b0e11;
  --bg-surface: #12171b;
  --bg-card: #182025;
  --bg-card-hover: #1f2a30;
  --border-subtle: #243238;
  --border-gold: #8d7042;
  --gold: #d4af37;
  --gold-light: #f3e7ce;
  --gold-gradient: linear-gradient(135deg, #f7ecd5 0%, #d4af37 55%, #8f6c2d 100%);
  --text-main: #f0f4f5;
  --text-muted: #93a2a6;
  --text-faint: #5d6f73;
  --accent-crimson: #9e3627;
  --accent-crimson-bg: rgba(158, 54, 39, .18);
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Tinos", Georgia, serif;
  --text-xs: 12px;
  --text-small: 13px;
  --text-label: 14px;
  --text-button: 15px;
  --text-body: 16px;
  --text-lead: 18px;
  --text-h4: 20px;
  --text-h3: 24px;
  --text-h2: clamp(28px, 3vw, 40px);
  --text-h1: clamp(32px, 4.5vw, 48px);
  --text-hero: clamp(36px, 5vw, 60px);
  --line-body: 1.6;
  --line-heading: 1.2;
  --max-width: 1140px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-control: 6px;
  --radius-card: 12px;
  --card-padding: 24px;
  --section-space: 64px;
}
@media (max-width: 820px) {
  :root { --card-padding: 16px 12px; --section-space: 32px; }
}