/* Shared brand tokens approved in prototype C2.3; reused by Django templates. */
:root {
  --c24-brand-blue: #1565C0;
  --c24-brand-deep: #0D47A1;
  --c24-brand-accent: #FF8F00;
  --c24-canvas: #F7F5EF;
  --c24-surface: #FFFFFF;
  --c24-surface-subtle: #EAF2FD;
  --c24-text-primary: #17314F;
  --c24-text-secondary: #506176;
  --c24-border-subtle: #D9E2EF;
  --c24-border-control: #76869B;
  --c24-success-ink: #17653C;
  --c24-success-bg: #EAF6EF;
  --c24-warning-ink: #805000;
  --c24-warning-bg: #FFF4DA;
  --c24-danger-ink: #A52424;
  --c24-danger-bg: #FCEDED;
  --c24-disabled-bg: #E4E9EF;
  --c24-disabled-ink: #536174;
  --c24-hover-blue: #1259AD;
  --c24-active-blue: #0D47A1;
  --c24-hover-accent: #F39A22;
  --c24-active-accent: #E88400;
  --c24-font: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --c24-space-4: 4px;
  --c24-space-8: 8px;
  --c24-space-12: 12px;
  --c24-space-16: 16px;
  --c24-space-24: 24px;
  --c24-space-32: 32px;
  --c24-space-48: 48px;
  --c24-space-64: 64px;
  --c24-radius-control: 8px;
  --c24-radius-card: 16px;
  --c24-radius-hero: 24px;
  --c24-content-max: 1120px;
  --c24-control-min-height: 44px;
  --c24-field-height: 48px;
  --c24-focus-width: 3px;
  --c24-focus-offset: 3px;
  --c24-font-size-caption: 14px;
  --c24-line-height-caption: 20px;
  --c24-font-size-body: 16px;
  --c24-line-height-body: 24px;
  --c24-font-size-lead: 18px;
  --c24-line-height-lead: 28px;
  --c24-font-size-h3: 20px;
  --c24-line-height-h3: 28px;
  --c24-font-size-h2: 28px;
  --c24-line-height-h2: 36px;
  --c24-font-size-h1-mobile: 32px;
  --c24-line-height-h1-mobile: 40px;
  --c24-font-size-h1-desktop: 44px;
  --c24-line-height-h1-desktop: 52px;
  --c24-font-weight-normal: 400;
  --c24-font-weight-medium: 600;
  --c24-font-weight-bold: 700;
  --c24-form-max: 640px;
  --c24-reading-max: 800px;
  --c24-mobile-gutter: 16px;
  --c24-desktop-gutter: 24px;
  --c24-grid-gap: 24px;
  --c24-shadow-raised: 0 6px 24px rgb(23 49 79 / 8%);
  --c24-demo-border: #c4d5ee;
  --c24-readonly-bg: #f0f2f5;
  --c24-admin-nav-bg: #eef2f7;
  --c24-admin-nav-current: #dce8f8;
  --c24-nav-current-border: #b9d0ed;
  --c24-hero-placeholder: #dae5ed;
}
/* Content breakpoints: 359 / 600 / 800 / 1000 CSS px. See DESIGN_SYSTEM.md. */