@font-face {
  font-family: 'National 2';
  src: url('/api/assets/fonts/national-2-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('/api/assets/fonts/national-2-regular-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('/api/assets/fonts/national-2-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'National 2';
  src: url('/api/assets/fonts/national-2-bold-italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --font-sans: 'National 2', ui-sans-serif, system-ui, sans-serif;
  --ui-color-primary-50: #fff2f0;
  --ui-color-primary-100: #ffe0db;
  --ui-color-primary-200: #ffc4bb;
  --ui-color-primary-300: #ff9b8f;
  --ui-color-primary-400: #ff6457;
  --ui-color-primary-500: #eb3c33;
  --ui-color-primary-600: #cd1417;
  --ui-color-primary-700: #ad000a;
  --ui-color-primary-800: #8b0006;
  --ui-color-primary-900: #6f0004;
  --ui-color-primary-950: #4b0002;
  --ui-primary: #cd1316;
  --lob-primary: #cd1316;
  --lob-on-primary: #ffffff;
  --ui-color-secondary-50: #ebf7ff;
  --ui-color-secondary-100: #d0edff;
  --ui-color-secondary-200: #a7dcfe;
  --ui-color-secondary-300: #78c5f3;
  --ui-color-secondary-400: #3caae4;
  --ui-color-secondary-500: #0091cb;
  --ui-color-secondary-600: #0077a9;
  --ui-color-secondary-700: #00628c;
  --ui-color-secondary-800: #004e70;
  --ui-color-secondary-900: #003d59;
  --ui-color-secondary-950: #00283b;
  --ui-secondary: #0077a9;
  --lob-secondary: #009fdf;
  --lob-on-secondary: #000000;
  --ui-color-accent-50: #fff2f0;
  --ui-color-accent-100: #ffe0db;
  --ui-color-accent-200: #ffc4bb;
  --ui-color-accent-300: #ff9b8f;
  --ui-color-accent-400: #ff6457;
  --ui-color-accent-500: #eb3c33;
  --ui-color-accent-600: #cd1417;
  --ui-color-accent-700: #ad000a;
  --ui-color-accent-800: #8b0006;
  --ui-color-accent-900: #6f0004;
  --ui-color-accent-950: #4b0002;
  --ui-accent: #cd1316;
  --lob-accent: #cd1316;
  --lob-on-accent: #ffffff;
  --ui-color-success-50: #ecf9ee;
  --ui-color-success-100: #d5f0da;
  --ui-color-success-200: #b5e2bd;
  --ui-color-success-300: #8dcc9a;
  --ui-color-success-400: #60b475;
  --ui-color-success-500: #3b9d58;
  --ui-color-success-600: #1c8441;
  --ui-color-success-700: #006e30;
  --ui-color-success-800: #005725;
  --ui-color-success-900: #00451b;
  --ui-color-success-950: #002d10;
  --ui-success: #15803d;
  --lob-success: #15803d;
  --lob-on-success: #ffffff;
  --ui-color-info-50: #f0f5ff;
  --ui-color-info-100: #dde8ff;
  --ui-color-info-200: #c0d5ff;
  --ui-color-info-300: #99baff;
  --ui-color-info-400: #6d9aff;
  --ui-color-info-500: #457bff;
  --ui-color-info-600: #2b5fea;
  --ui-color-info-700: #1c4acc;
  --ui-color-info-800: #1138a9;
  --ui-color-info-900: #0a2a8a;
  --ui-color-info-950: #031961;
  --ui-info: #1d4ed8;
  --lob-info: #1d4ed8;
  --lob-on-info: #ffffff;
  --ui-color-warning-50: #fff2ec;
  --ui-color-warning-100: #ffe1d1;
  --ui-color-warning-200: #fdc7ab;
  --ui-color-warning-300: #f0a780;
  --ui-color-warning-400: #df8450;
  --ui-color-warning-500: #ca6728;
  --ui-color-warning-600: #af4f00;
  --ui-color-warning-700: #914000;
  --ui-color-warning-800: #743200;
  --ui-color-warning-900: #5c2600;
  --ui-color-warning-950: #3e1700;
  --ui-warning: #b45309;
  --lob-warning: #b45309;
  --lob-on-warning: #ffffff;
  --ui-color-error-50: #fff2f0;
  --ui-color-error-100: #ffe0db;
  --ui-color-error-200: #ffc4bb;
  --ui-color-error-300: #ff9b8f;
  --ui-color-error-400: #f76d60;
  --ui-color-error-500: #e24940;
  --ui-color-error-600: #c52c28;
  --ui-color-error-700: #a91416;
  --ui-color-error-800: #8a0209;
  --ui-color-error-900: #6f0005;
  --ui-color-error-950: #4b0002;
  --ui-error: #b91c1c;
  --lob-error: #b91c1c;
  --lob-on-error: #ffffff;
  --ui-bg: #ffffff;
  --ui-text: #171717;
  --ui-text-highlighted: #171717;
  --ui-text-toned: #171717;
  --ui-text-muted: #525252;
  --ui-text-dimmed: #525252;
  --ui-text-inverted: #ffffff;
  --ui-border-accented: #737373;
  --ui-chart-1: #1d4ed8;
  --ui-chart-2: #b45309;
  --ui-chart-3: #15803d;
  --ui-chart-4: #7e22ce;
  --ui-chart-5: #be123c;
  --ui-chart-6: #0e7490;
  --lob-status-created: #737373;
  --lob-status-in-progress: #1d4ed8;
  --lob-status-head-approval: #7e22ce;
  --lob-status-disclosed: #b45309;
  --lob-status-closed: #15803d;
  --lob-status-dropped: #525252;
}