:root {
  --ic-blue: #1559b7;
  --ic-blue-dark: #103e7c;
  --ic-ink: #18212d;
  --ic-muted: #566272;
  --ic-paper: #ffffff;
  --ic-soft: #f4f6f8;
  --ic-tint: #edf3fc;
  --ic-border: #dce2e9;
  --ic-control-border: #778392;
  --ic-serif: Georgia, 'Times New Roman', serif;
  --ic-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ic-xs: .5rem;
  --ic-sm: 1rem;
  --ic-md: 1.5rem;
  --ic-lg: 2rem;
  --ic-xl: 3rem;
  --ic-2xl: 4.5rem;
  --ic-section-gap: clamp(2rem, 4vw, 3.25rem);
  --ic-grid-gap: clamp(1.25rem, 2.5vw, 2rem);
  --ic-display: clamp(2rem, 3.25vw, 3rem);
  --ic-card-title: clamp(1.35rem, 2vw, 1.65rem);
  --ic-small: .8125rem;
  --ic-image-ratio: 3 / 2;
  --ic-hero-ratio: 16 / 10;
  --ic-focus: var(--ic-blue);
  --ic-container: 1240px;
  --ic-reading: 760px;
  --ic-radius: 3px;
  --ic-transition: 160ms ease;
  --ic-meta-size: .8125rem;
  --ic-shadow: 0 12px 30px rgb(24 33 45 / 8%);
}
/* Layout breakpoints: 600px two-column cards, 900px desktop navigation/sidebar,
   1200px four-column fresh stories. Keep the navigation JS at 900px. */