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

@font-face {
  font-family: 'PT Sans';
  src: url('/api/assets/fonts/pt-sans-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

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

:root {
  --font-sans: 'PT Sans', ui-sans-serif, system-ui, sans-serif;
  --ui-color-primary-50: #f3f8e4;
  --ui-color-primary-100: #e3eec5;
  --ui-color-primary-200: #cddd98;
  --ui-color-primary-300: #b1c662;
  --ui-color-primary-400: #94ac00;
  --ui-color-primary-500: #7d9100;
  --ui-color-primary-600: #677800;
  --ui-color-primary-700: #546300;
  --ui-color-primary-800: #424e00;
  --ui-color-primary-900: #343d00;
  --ui-color-primary-950: #212800;
  --ui-primary: #667600;
  --lob-primary: #acc700;
  --lob-on-primary: #000000;
  --ui-color-secondary-50: #ecf7fb;
  --ui-color-secondary-100: #d7ecf4;
  --ui-color-secondary-200: #b7dbe9;
  --ui-color-secondary-300: #91c4d7;
  --ui-color-secondary-400: #67a9c1;
  --ui-color-secondary-500: #4591ab;
  --ui-color-secondary-600: #2a7993;
  --ui-color-secondary-700: #15647c;
  --ui-color-secondary-800: #065064;
  --ui-color-secondary-900: #003f50;
  --ui-color-secondary-950: #002935;
  --ui-secondary: #2a7993;
  --lob-secondary: #69b5d0;
  --lob-on-secondary: #000000;
  --ui-color-accent-50: #f3f8e4;
  --ui-color-accent-100: #e3eec5;
  --ui-color-accent-200: #cddd98;
  --ui-color-accent-300: #b1c662;
  --ui-color-accent-400: #94ac00;
  --ui-color-accent-500: #7d9100;
  --ui-color-accent-600: #677800;
  --ui-color-accent-700: #546300;
  --ui-color-accent-800: #424e00;
  --ui-color-accent-900: #343d00;
  --ui-color-accent-950: #212800;
  --ui-accent: #667600;
  --lob-accent: #acc700;
  --lob-on-accent: #000000;
  --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: #f7f6f0;
  --ui-text: #000000;
  --ui-text-highlighted: #000000;
  --ui-text-toned: #000000;
  --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;
}