:root {
  /* ── Brand colors ─────────────────────────────────────── */
  --jrm-color-primary: #f4c542;
  --jrm-color-primary-strong: #c99713;
  --jrm-color-primary-pale: rgba(244, 197, 66, 0.14);
  --jrm-color-secondary: #0e2a47;
  --jrm-color-secondary-deep: #091d33;
  --jrm-color-accent: #b67a2b;

  /* ── Semantic text colors ─────────────────────────────── */
  --jrm-color-text: #161616;
  --jrm-color-muted-dark: #354a63;     /* dense body text, paragraphs */
  --jrm-color-muted: #4e6278;          /* supporting text, descriptions */
  --jrm-color-muted-strong: #31465f;   /* strong muted — sidebar labels */
  --jrm-color-muted-light: #6a7e95;    /* dates, kickers, secondary meta */

  /* ── Surface colors ───────────────────────────────────── */
  --jrm-color-surface: #ffffff;
  --jrm-color-surface-alt: #f8f4e6;
  --jrm-color-surface-elevated: #ffffff;
  --jrm-color-surface-dark: var(--jrm-color-secondary);
  --jrm-color-surface-dark-deep: var(--jrm-color-secondary-deep);

  /* ── Borders ──────────────────────────────────────────── */
  --jrm-color-border: #dde4ed;
  --jrm-color-border: color-mix(in srgb, var(--jrm-color-secondary) 12%, #fff 88%);
  --jrm-color-border-strong: #c8d4e2;
  --jrm-color-border-strong: color-mix(in srgb, var(--jrm-color-secondary) 22%, #fff 78%);

  /* ── Typography ───────────────────────────────────────── */
  --jrm-font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --jrm-font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --jrm-font-base-size: 16px;
  --jrm-line-height-base: 1.65;

  /* ── Spacing ──────────────────────────────────────────── */
  --jrm-container-max: 1160px;
  --jrm-space-section: 84px;
  --jrm-space-section-lg: 108px;
  --jrm-space-1: 0.4rem;
  --jrm-space-2: 0.65rem;
  --jrm-space-3: 0.9rem;
  --jrm-space-4: 1.1rem;
  --jrm-space-5: 1.4rem;

  /* ── Radius ───────────────────────────────────────────── */
  --jrm-radius-card: 14px;
  --jrm-radius-button: 10px;
  --jrm-radius-pill: 999px;
  --jrm-radius-sm: 8px;

  /* ── Shadows ──────────────────────────────────────────── */
  --jrm-shadow-card: 0 8px 26px rgba(15, 31, 54, 0.08);
  --jrm-shadow-card-hover: 0 16px 36px rgba(10, 24, 41, 0.16);
  --jrm-shadow-glow: 0 0 0 3px color-mix(in srgb, var(--jrm-color-primary) 40%, transparent 60%);
  --jrm-shadow-glow-strong: 0 8px 24px rgba(180, 140, 20, 0.32);
  --jrm-shadow-deep: 0 24px 64px rgba(8, 16, 30, 0.22);

  /* ── Transitions ──────────────────────────────────────── */
  --jrm-transition-base: 0.22s ease;
  --jrm-transition-slow: 0.42s ease;
  --jrm-transition-spring: 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}