/* PBN Design System v1.0.0. Single source of truth for visual tokens. */
:root {
  --pbn-color-primary: #1268d6;
  --pbn-color-primary-dark: #0b4fa8;
  --pbn-color-accent: #f4511e;
  --pbn-color-accent-dark: #df342b;
  --pbn-color-heading: #20364f;
  --pbn-color-text: #24364d;
  --pbn-color-muted: #53677f;
  --pbn-color-surface: #ffffff;
  --pbn-color-background: #f4f8fd;
  --pbn-color-border: #cfe0f4;
  --pbn-color-focus: #0b4fa8;
  --pbn-color-danger: #a21b24;
  --pbn-color-success: #07964e;

  --pbn-container: 1200px;
  --pbn-gutter: clamp(16px, 4vw, 40px);
  --pbn-section-space: clamp(56px, 8vw, 104px);
  --pbn-grid-gap: clamp(16px, 2.2vw, 24px);

  --pbn-font-family: inherit;
  --pbn-font-size-body: 1rem;
  --pbn-font-size-small: 0.875rem;
  --pbn-font-size-h2: clamp(1.75rem, 3.6vw, 3rem);
  --pbn-font-size-h3: clamp(1.2rem, 2vw, 1.55rem);
  --pbn-line-height-body: 1.6;
  --pbn-line-height-heading: 1.12;

  --pbn-radius-card: 22px;
  --pbn-radius-button: 18px;
  --pbn-radius-pill: 999px;
  --pbn-shadow-card: 0 18px 36px rgba(25, 57, 126, 0.13);
  --pbn-shadow-button: 0 12px 26px rgba(18, 104, 214, 0.2);
  --pbn-transition: 180ms ease;
}