/* Generated from brand-data/tokens.json. Do not edit. */
:root {
  --naspa-blue: #0e6bb1;
  --naspa-green: #007960;
  --naspa-navy: #043352;
  --naspa-cyan: #00b3f0;
  --naspa-emerald: #34b879;
  --naspa-mint: #baf5dc;
  --naspa-white: #ffffff;
  --naspa-cloud: #f6f6f6;
  --naspa-mist: #e8eef4;
  --naspa-slate: #4a6a84;
  --naspa-ink: #1f2d36;
  --gradient-navy-blue-to-naspa-blue: linear-gradient(135deg, #043352 0%, #0e6bb1 100%);
  --gradient-emerald-to-mint-to-white: linear-gradient(135deg, #34b879 0%, #baf5dc 50%, #ffffff 100%);
  --gradient-naspa-green-to-emerald: linear-gradient(135deg, #007960 0%, #34b879 100%);
  --gradient-naspa-blue-to-cyan: linear-gradient(135deg, #0e6bb1 0%, #00b3f0 100%);
  --gradient-navy-blue-to-naspa-green: linear-gradient(135deg, #043352 0%, #007960 100%);
  --type-family: 'Open Sans', sans-serif;
  --type-regular: 400;
  --type-semibold: 600;
  --type-bold: 700;
  --type-extrabold: 800;
  --type-italic-regular: var(--type-regular);
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --radius-square: 0px;
  --radius-fallback: 5px;
  --text-heading: var(--naspa-navy);
  --text-body: var(--naspa-ink);
  --text-secondary: var(--naspa-slate);
  --text-on-naspa-blue: var(--naspa-white);
  --text-on-naspa-green: var(--naspa-white);
  --text-on-navy: var(--naspa-white);
  --text-on-cyan: var(--naspa-navy);
  --text-on-emerald: var(--naspa-navy);
  --text-on-mint: var(--naspa-navy);
  --text-on-white: var(--naspa-navy);
  --text-on-cloud: var(--naspa-navy);
  --text-on-mist: var(--naspa-navy);
  --text-on-slate: var(--naspa-white);
  --text-on-ink: var(--naspa-white);
  --surface-page: var(--naspa-cloud);
  --surface-card: var(--naspa-white);
  --surface-subtle: var(--naspa-mist);
  --surface-inverse: var(--naspa-navy);
  --action-primary: var(--naspa-navy);
  --action-link: var(--naspa-blue);
  --action-hover: var(--naspa-blue);
  --focus-ring: var(--naspa-blue);
  --chart-series-1: var(--naspa-blue);
  --chart-series-2: var(--naspa-green);
  --chart-series-3: var(--naspa-navy);
  --chart-series-4: var(--naspa-slate);
}