:root {
  --cn-color-bg: #131314;
  --cn-color-bg-deep: #0e0e0f;
  --cn-color-surface: #1b1b1c;
  --cn-color-surface-2: #1f1f20;
  --cn-color-surface-3: #2a2a2b;
  --cn-color-border: rgba(228, 226, 227, 0.18);
  --cn-color-border-strong: rgba(228, 226, 227, 0.38);
  --cn-color-text: #e4e2e3;
  --cn-color-white: #ffffff;
  --cn-color-muted: #c4c7c8;
  --cn-color-subtle: #8e9192;
  --cn-color-accent: #c50015;
  --cn-color-accent-soft: #ffb4ab;
  --cn-color-accent-dark: #690006;
  --cn-font-display: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
  --cn-font-body: 'Hanken Grotesk', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cn-gutter: clamp(1.5rem, 5vw, 4rem);
  --cn-grid-gap: clamp(1.25rem, 2.4vw, 2rem);
  --cn-section: clamp(5rem, 11vw, 10rem);
  --cn-content: 1120px;
  --cn-wide: 1536px;
  --cn-header: 96px;
  --cn-radius: 0;
  --cn-transition: 180ms ease;
  --cn-display: clamp(5rem, 11vw, 7.5rem);
  --cn-display-lg: clamp(3.5rem, 8vw, 5rem);
  --cn-heading: clamp(2.25rem, 5vw, 3rem);
  --cn-body: 1rem;
  --cn-lead: clamp(1.05rem, 1.4vw, 1.25rem);
}