:root {
  /* Brand color system */
  --narp-primary: #d62828;
  --narp-primary-dark: #ad1f1f;
  --narp-primary-soft: #fff1f1;
  --narp-secondary: #1f2937;
  --narp-secondary-soft: #303b4c;
  --narp-accent: #f4b400;
  --narp-accent-soft: #fff8e1;
  --narp-light: #f8f9fa;
  --narp-white: #ffffff;
  --narp-text: #222222;
  --narp-muted: #5f6875;
  --narp-border: #e5e7eb;

  /* Backward-compatible aliases for existing template parts */
  --narp-ink: var(--narp-secondary);
  --narp-navy: var(--narp-secondary);
  --narp-charcoal: var(--narp-secondary-soft);
  --narp-steel: var(--narp-muted);
  --narp-blue: var(--narp-secondary);
  --narp-sky: #eef2f7;
  --narp-gold: var(--narp-accent);
  --narp-gold-dark: #9f6f00;
  --narp-red: var(--narp-primary);
  --narp-cream: var(--narp-light);

  /* Typography */
  --narp-font-heading: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --narp-font-main: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Layout and rhythm */
  --narp-container: 1180px;
  --narp-header-height: 76px;
  --narp-space-1: 6px;
  --narp-space-2: 10px;
  --narp-space-3: 14px;
  --narp-space-4: 18px;
  --narp-space-5: 24px;
  --narp-space-6: 32px;
  --narp-space-7: 44px;
  --narp-space-8: 60px;
  --narp-section-large: clamp(76px, 8vw, 112px);
  --narp-section-normal: clamp(56px, 6vw, 82px);
  --narp-card-padding: clamp(22px, 3vw, 32px);

  /* Shape, shadow, motion */
  --narp-radius-sm: 8px;
  --narp-radius-md: 10px;
  --narp-radius-lg: 8px;
  --narp-radius-pill: 50px;
  --narp-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
  --narp-shadow-soft: 0 14px 36px rgba(15, 23, 42, 0.09);
  --narp-shadow-hover: 0 24px 54px rgba(15, 23, 42, 0.15);
  --narp-transition: 220ms ease;
}