/* GGM visual foundations. Reading mode deliberately owns its own colors and type scale. */
:root {
  --color-brand: #13334b;
  --color-deep: #0b2335;
  --color-accent: #ad2848;
  --color-accent-hover: #8a1935;
  --color-ink: #1c2d3b;
  --color-muted: #596b79;
  --color-line: #dbe3e9;
  --color-control-border: #8295a5;
  --color-surface: #ffffff;
  --color-surface-soft: #f0f4f7;
  --color-on-dark: #ffffff;
  --color-muted-on-dark: #cfdee8;
  --color-accent-on-dark: #eec0cd;
  --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --type-page: clamp(2.125rem, 4.2vw, 3.75rem);
  --type-section: clamp(1.75rem, 3vw, 2.625rem);
  --type-card: clamp(1.25rem, 1.7vw, 1.375rem);
  --type-lead: 1.125rem;
  --type-small: .875rem;
  --radius-control: 6px;
  --radius-panel: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --section-space: clamp(48px, 6.25vw, 80px);
  --grid-gap: 24px;
  --control-height: 48px;
  --motion-fast: 160ms;
  --shadow-panel: 0 12px 32px #0b233512;
}