/* Generated from brand.json. Fonts must be loaded separately. */
:root {
  --brand-color-navy: #052D51;
  --brand-color-heritage-blue: #345CA2;
  --brand-color-signal: #28D7CC;
  --brand-color-signal-hover: #67E5DD;
  --brand-color-signal-ink: #007B76;
  --brand-color-mist: #F3F6F8;
  --brand-color-white: #FFFFFF;
  --brand-color-ink: #142B3E;
  --brand-color-muted: #506477;
  --brand-color-navy-hover: #113F68;
  --brand-color-link-blue: #28599A;
  --brand-color-edge: #6E8294;
  --brand-color-line: #D8E2E8;
  --brand-color-night: #061D31;
  --brand-color-night-surface: #0D2D46;
  --brand-color-night-muted: #B5C6D5;
  --brand-color-night-edge: #66839A;
  --brand-color-success: #187645;
  --brand-color-warning: #986200;
  --brand-color-error: #B13C35;
  --brand-color-navy-active: #03223E;
  --brand-color-signal-active: #16B9AF;
  --brand-color-success-dark: #79D9A4;
  --brand-color-warning-dark: #FFD180;
  --brand-color-error-dark: #FFABA4;
  --brand-color-night-r5: #041222;
  --brand-color-night-panel-r5: #0E1E2E;
  --brand-color-night-raised-r5: #1A2A3B;
  --brand-color-night-field-r5: #263748;
  --brand-color-night-text-r5: #E7ECF0;
  --brand-color-night-muted-r5: #A0B3C9;
  --brand-color-night-line-r5: #2E3F51;
  --brand-color-night-edge-r5: #788BA0;
  --brand-color-night-blue-r5: #B9CEF4;
  --brand-color-night-success-r5: #9BE2B7;
  --brand-color-night-warning-r5: #FFDA94;
  --brand-color-night-error-r5: #FFB8B0;
  --brand-font-heading: "IBM Plex Sans", "Arial", sans-serif;
  --brand-font-body: "IBM Plex Sans", "Arial", sans-serif;
  --brand-font-technical: "IBM Plex Mono", monospace;
  --brand-text-caption: 0.75rem;
  --brand-leading-caption: 1.4;
  --brand-text-small: 0.875rem;
  --brand-leading-small: 1.5;
  --brand-text-body: 1rem;
  --brand-leading-body: 1.5;
  --brand-text-lead: 1.25rem;
  --brand-leading-lead: 1.45;
  --brand-text-heading: 2rem;
  --brand-leading-heading: 1.2;
  --brand-text-display: 3.5rem;
  --brand-leading-display: 1.05;
  --brand-space-xs: 0.25rem;
  --brand-space-sm: 0.5rem;
  --brand-space-md: 1rem;
  --brand-space-lg: 1.5rem;
  --brand-space-xl: 2rem;
  --brand-space-section: 4rem;
  --brand-radius-none: 0;
  --brand-radius-control: 0.25rem;
  --brand-radius-card: 0.5rem;
}
:root, [data-brand-theme="light"] {
  --brand-background: var(--brand-color-mist);
  --brand-surface: var(--brand-color-white);
  --brand-text: var(--brand-color-ink);
  --brand-text-muted: var(--brand-color-muted);
  --brand-primary: var(--brand-color-navy);
  --brand-on-primary: var(--brand-color-white);
  --brand-primary-hover: var(--brand-color-navy-hover);
  --brand-link: var(--brand-color-link-blue);
  --brand-border: var(--brand-color-edge);
  --brand-focus: var(--brand-color-link-blue);
  --brand-accent: var(--brand-color-signal);
  --brand-on-accent: var(--brand-color-navy);
  --brand-accent-ink: var(--brand-color-signal-ink);
  --brand-border-decorative: var(--brand-color-line);
  --brand-success: var(--brand-color-success);
  --brand-warning: var(--brand-color-warning);
  --brand-error: var(--brand-color-error);
  --brand-primary-active: var(--brand-color-navy-active);
  --brand-info: var(--brand-color-link-blue);
  --brand-promotion: var(--brand-color-signal);
  --brand-on-promotion: var(--brand-color-navy);
}
[data-brand-theme="dark"] {
  --brand-background: var(--brand-color-night-r5);
  --brand-surface: var(--brand-color-night-panel-r5);
  --brand-text: var(--brand-color-night-text-r5);
  --brand-text-muted: var(--brand-color-night-muted-r5);
  --brand-primary: var(--brand-color-signal);
  --brand-on-primary: var(--brand-color-navy);
  --brand-primary-hover: var(--brand-color-signal-hover);
  --brand-link: var(--brand-color-signal);
  --brand-border: var(--brand-color-night-edge-r5);
  --brand-focus: var(--brand-color-signal);
  --brand-accent: var(--brand-color-signal);
  --brand-on-accent: var(--brand-color-navy);
  --brand-border-decorative: var(--brand-color-night-line-r5);
  --brand-primary-active: var(--brand-color-signal-active);
  --brand-success: var(--brand-color-night-success-r5);
  --brand-warning: var(--brand-color-night-warning-r5);
  --brand-error: var(--brand-color-night-error-r5);
  --brand-info: var(--brand-color-night-blue-r5);
  --brand-promotion: var(--brand-color-signal);
  --brand-on-promotion: var(--brand-color-navy);
  --brand-surface-raised: var(--brand-color-night-raised-r5);
  --brand-surface-overlay: var(--brand-color-night-field-r5);
  --brand-surface-dialog: var(--brand-color-night-raised-r5);
  --brand-structure: var(--brand-color-navy);
  --brand-next-step: var(--brand-color-navy);
  --brand-accent-ink: var(--brand-color-signal);
}