:root {
  --jb-color-primary: #c62828;
  --jb-color-primary-strong: #991b1b;
  --jb-color-secondary: #0f4c81;
  --jb-color-secondary-strong: #0a3559;
  --jb-color-accent: #f59e0b;
  --jb-color-success: #2e7d32;
  --jb-color-warning: #d97706;
  --jb-color-danger: #b91c1c;
  --jb-color-text: #111827;
  --jb-color-text-soft: #374151;
  --jb-color-text-muted: #6b7280;
  --jb-color-border: #e5e7eb;
  --jb-color-border-strong: #cbd5e1;
  --jb-color-surface: #ffffff;
  --jb-color-surface-soft: #f7f8fa;
  --jb-color-surface-strong: #eef2f7;
  --jb-color-page: #f3f4f6;
  --jb-color-hero-start: #fff8f0;
  --jb-color-hero-end: #f1f5f9;

  --jb-font-heading: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --jb-font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --jb-container-wide: min(1280px, calc(100vw - 32px));
  --jb-container-content: min(1180px, calc(100vw - 32px));
  --jb-container-narrow: min(760px, calc(100vw - 32px));

  --jb-space-1: 4px;
  --jb-space-2: 8px;
  --jb-space-3: 12px;
  --jb-space-4: 16px;
  --jb-space-5: 24px;
  --jb-space-6: 32px;
  --jb-space-7: 48px;
  --jb-space-8: 64px;
  --jb-space-9: 96px;

  --jb-radius-sm: 10px;
  --jb-radius-md: 14px;
  --jb-radius-lg: 18px;
  --jb-radius-xl: 24px;
  --jb-radius-pill: 999px;

  --jb-shadow-sm: 0 10px 30px rgba(17, 24, 39, 0.06);
  --jb-shadow-md: 0 16px 40px rgba(17, 24, 39, 0.12);
  --jb-shadow-lg: 0 24px 50px rgba(17, 24, 39, 0.18);

  --jb-transition-fast: 180ms ease;
  --jb-transition-base: 240ms ease;

  --jb-header-height: 84px;
}