:root {
  /* Brand colors */
  --jr-color-primary: #D12731;
  --jr-color-primary-dark: #A52027;
  --jr-color-primary-deeper: #7A171C;
  --jr-color-accent-red: #C82336;
  --jr-color-graphite: #27252A;
  --jr-color-ink: #161616;
  --jr-color-body: #4F4A4A;
  --jr-color-muted: #6F6A6A;
  --jr-color-border: #D9D4D2;
  --jr-color-surface: #FFFFFF;
  --jr-color-surface-warm: #F6F2F0;
  --jr-color-surface-dark: #1D191A;
  --jr-color-text-inverse: #F7F3F1;
  --jr-color-accent-gold: #D89C42;
  --jr-color-accent-wood: #937F6A;

  /* Semantic colors */
  --jr-color-page-bg: var(--jr-color-surface-warm);
  --jr-color-heading: var(--jr-color-ink);
  --jr-color-text: var(--jr-color-body);
  --jr-color-text-muted: var(--jr-color-muted);
  --jr-color-link: var(--jr-color-primary-dark);
  --jr-color-link-hover: var(--jr-color-primary);
  --jr-color-focus: var(--jr-color-accent-gold);

  /* Typography */
  --jr-font-heading: "Exo 2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jr-font-body: "Exo 2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jr-font-action: "Ubuntu", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --jr-text-xs: 0.8125rem;
  --jr-text-sm: 0.9375rem;
  --jr-text-base: 1.0625rem;
  --jr-text-lg: 1.1875rem;
  --jr-text-xl: 1.375rem;
  --jr-text-2xl: 1.75rem;
  --jr-text-3xl: 2.25rem;
  --jr-text-4xl: 3rem;
  --jr-text-5xl: 4rem;

  --jr-leading-tight: 1.1;
  --jr-leading-heading: 1.16;
  --jr-leading-body: 1.6;

  /* Layout */
  --jr-container-wide: 1440px;
  --jr-container-content: 1280px;
  --jr-container-narrow: 860px;
  --jr-page-gutter: clamp(20px, 4vw, 72px);
  --jr-section-y: clamp(56px, 8vw, 104px);
  --jr-layout-gap: clamp(28px, 5vw, 72px);
  --jr-card-gap: clamp(18px, 2.8vw, 32px);

  /* Shape and elevation */
  --jr-radius-sm: 4px;
  --jr-radius-md: 8px;
  --jr-radius-lg: 12px;
  --jr-radius-pill: 999px;
  --jr-shadow-card: 0 16px 40px rgba(22, 22, 22, 0.10);
  --jr-shadow-strong: 0 22px 60px rgba(22, 22, 22, 0.18);

  /* Buttons */
  --jr-button-bg: var(--jr-color-primary);
  --jr-button-bg-hover: var(--jr-color-primary-dark);
  --jr-button-text: var(--jr-color-text-inverse);
  --jr-button-border: var(--jr-color-primary);
  --jr-button-radius: var(--jr-radius-sm);
  --jr-button-padding-y: 0.94rem;
  --jr-button-padding-x: 2.125rem;

  /* HHDS library compatibility aliases */
  --lib-color-primary: var(--jr-color-primary);
  --lib-color-primary-hover: var(--jr-color-primary-dark);
  --lib-color-accent: var(--jr-color-accent-gold);
  --lib-color-heading: var(--jr-color-heading);
  --lib-color-text: var(--jr-color-text);
  --lib-color-text-muted: var(--jr-color-text-muted);
  --lib-color-surface: var(--jr-color-surface);
  --lib-color-surface-alt: var(--jr-color-surface-warm);
  --lib-color-surface-dark: var(--jr-color-surface-dark);
  --lib-color-border: var(--jr-color-border);
  --lib-font-heading: var(--jr-font-heading);
  --lib-font-body: var(--jr-font-body);
  --lib-font-action: var(--jr-font-action);
  --lib-radius-sm: var(--jr-radius-sm);
  --lib-radius-md: var(--jr-radius-md);
  --lib-radius-lg: var(--jr-radius-lg);
  --lib-container-wide: var(--jr-container-wide);
  --lib-page-gutter: var(--jr-page-gutter);
  --lib-section-y: var(--jr-section-y);
  --lib-layout-gap: var(--jr-layout-gap);

  /* Project title highlight */
  --color-title-highlight: var(--jr-color-primary);
}