:root{
  /* Palette. Bold red on true black over crisp white. Contractor forward, editorial polish. */
  --rjw-ink: #0a0a0a;
  --rjw-ink-soft: #1a1a1a;
  --rjw-paper: #ffffff;
  --rjw-cream: #f6f6f6;
  --rjw-sand: #ececec;
  --rjw-accent: #c8102e;         /* Signature red. Primary CTA + links */
  --rjw-accent-dark: #8f0a20;    /* Hover state */
  --rjw-accent-glow: #e91e3c;    /* Focus ring / subtle bg */
  --rjw-accent-tint: #fdeaed;    /* Chip / pill background */
  --rjw-warn: #c8102e;
  --rjw-line: rgba(15,15,15,.07);
  --rjw-line-strong: rgba(15,15,15,.14);
  --rjw-hairline: rgba(15,15,15,.05);
  --rjw-muted: #4a4a4a;
  --rjw-muted-2: #6a6a6a;
  --rjw-shadow-xs: 0 1px 2px rgba(15,15,15,.04);
  --rjw-shadow-sm: 0 4px 14px -6px rgba(15,15,15,.08);
  --rjw-shadow: 0 20px 40px -24px rgba(15,15,15,.18);
  --rjw-shadow-lg: 0 40px 80px -40px rgba(15,15,15,.28);
  --rjw-shadow-red: 0 30px 60px -30px rgba(200,16,46,.35);
  --rjw-ease: cubic-bezier(.22,1,.36,1);

  /* Type scale */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --fs-eyebrow: .85rem;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.15rem, 1.1vw + .8rem, 1.4rem);

  /* Layout */
  --rjw-max: 1240px;
  --rjw-max-narrow: 900px;
  /* Baseline horizontal gutter used by .container AND by any full-bleed section
     that needs its inner text to align with .container children. The minimum
     bumped from 1.25rem → 1.5rem so the brand + nav visually sit inside the
     safe-area on all phones ≤ 375px. */
  --rjw-gutter: clamp(1.5rem, 4vw, 2.25rem);
  --rjw-section-pad: clamp(4rem, 8vw, 7.5rem);
  --rjw-radius: 6px;
  --rjw-radius-md: 12px;
  --rjw-radius-lg: 18px;
  --rjw-radius-xl: 26px;
}
