:root {
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cad5e2;
  --color-slate-400: #94a3b8;
  --color-slate-500: #62748e;
  --color-slate-600: #475569;
  --color-slate-900-rgb: 15 23 42;
  --color-primary-rgb: 0 0 0;
  --color-on-primary-rgb: 255 255 255;
  --color-primary-container: #131b2e;
  --color-on-primary-container-rgb: 124 131 155; /* #7c839b */
  --color-primary-fixed: #dae2fd;
  --color-primary-fixed-dim: #bec6e0;
  --color-on-primary-fixed: #131b2e;
  --color-on-primary-fixed-variant: #3f465c;
  --color-secondary-rgb: 0 122 55; /* #007a37 */
  --color-secondary-500-rgb: 0 179 80; /* #00b350 */
  --color-on-secondary: #ffffff;
  --color-secondary-container-rgb: 88 254 163; /* #58fea3 */
  --color-on-secondary-container: #007032;
  --color-secondary-fixed: #adffd2;
  --color-secondary-fixed-dim: #4cf698;
  --color-on-secondary-fixed: #002410;
  --color-on-secondary-fixed-variant: #005c29;
  --color-tertiary: #000000;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #001a42;
  --color-on-tertiary-container: #3980f4;
  --color-tertiary-fixed: #d8e2ff;
  --color-tertiary-fixed-dim: #adc6ff;
  --color-on-tertiary-fixed: #001a42;
  --color-on-tertiary-fixed-variant: #004395;
  --color-surface: #f8f9ff;
  --color-on-surface: #191c20;
  --color-surface-variant: #e1e2e8;
  --color-on-surface-variant: #45464d;
  --color-surface-dim: #d8dae0;
  --color-surface-bright: #f8f9ff;
  --color-surface-tint: #565e74;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f2f3f9;
  --color-surface-container: #eceef3;
  --color-surface-container-high: #e7e8ee;
  --color-surface-container-highest: #e1e2e8;
  --color-background: #f8f9ff;
  --color-on-background: #191c20;
  --color-outline: #76777d;
  --color-outline-variant-rgb: 198 198 205; /* #c6c6cd */
  --color-error: #Ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;
  --color-inverse-surface: #2e3135;
  --color-inverse-on-surface: #eff0f6;
  --color-inverse-primary: #bec6e0;
  --color-electric-cyan-rgb: 7 213 99; /* #06b6d4, this is cyan-500 */
  --color-white-rgb: 255 255 255;
  --color-brand-pulse: #3cf690;
  --color-custom-gray-100-rgb: 241 241 241; /* #f1f1f1 */
}