:root {
  --ja-ink: #14213d;
  --ja-ink-soft: #20335c;
  --ja-primary: #1d4ed8;
  --ja-primary-dark: #173fae;
  --ja-cta: #f97316;
  --ja-cta-dark: #c2410c;
  --ja-surface: #f7f8fa;
  --ja-card: #fff;
  --ja-text: #111827;
  --ja-muted: #667085;
  --ja-border: #e5e7eb;
  --ja-success: #15803d;
  --ja-success-bg: #ecfdf3;
  --ja-warning: #b45309;
  --ja-warning-bg: #fff7ed;
  --ja-danger: #b42318;
  --ja-danger-bg: #fef3f2;
  --ja-info-bg: #eff6ff;
  --ja-shadow-sm: 0 1px 2px rgb(16 24 40 / 6%);
  --ja-shadow-md: 0 8px 24px rgb(16 24 40 / 10%);
  --ja-radius-input: 6px;
  --ja-radius-button: 8px;
  --ja-radius-card: 10px;
  --ja-space-1: 4px;
  --ja-space-2: 8px;
  --ja-space-3: 12px;
  --ja-space-4: 16px;
  --ja-space-6: 24px;
  --ja-space-8: 32px;
  --ja-space-12: 48px;
  --ja-space-16: 64px;
  --ja-space-24: 96px;
  --ja-container: 1440px;
  --ja-content: 1120px;
  --ja-narrow: 760px;
  --ja-focus: 0 0 0 3px rgb(29 78 216 / 30%);
  --ja-transition: 160ms ease;
}