:root {
  --za-primary: #0E72AB;
  --za-primary-hover: #0B5E8E;
  --za-primary-light: #0E90D9;
  --za-accent: #31C69C;
  --za-accent-large: #22987A;
  --za-accent-text: #1A7F63;
  --za-cta: #007A6E;
  --za-cta-hover: #00645A;
  --za-text: #5C5D6A;
  --za-heading: #5B5B5B;
  --za-muted: #6E6E6E;
  --za-surface: #FFFFFF;
  --za-panel: #F9F9F9;
  --za-panel-header: #F5F7F9;
  --za-border: #DCDCDC;
  --za-input-border: #8A8A8A;
  --za-input-bg: #FFFFFF;
  --za-footer-bg: #14455F;
  --za-footer-text: #FFFFFF;
  --za-danger: #B3261E;
  --za-danger-bg: #FDECEA;
  --za-warning: #7A5300;
  --za-warning-bg: #FFF6DD;
  --za-info: #0B5E8E;
  --za-info-bg: #EAF4FB;
  --za-success-bg: #FCFEFE;
  --za-step-todo: #BDE3F6;
  --za-hero-gradient: linear-gradient(0deg, rgba(50, 198, 156, 0.1) 0%, #FFFFFF 41%);
  --za-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --za-font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --za-radius-sm: 4px;
  --za-radius-md: 5px;
  --za-radius-lg: 8px;
}