/* Passage — generated by @strictthemes/spec */

@theme static {
  --color-passage-primary-50: #f2f7ff;
  --color-passage-primary-100: #e0ecff;
  --color-passage-primary-200: #c2dbff;
  --color-passage-primary-300: #a0c6ff;
  --color-passage-primary-400: #68a5ff;
  --color-passage-primary-500: #3e87f0;
  --color-passage-primary-600: #216bd1;
  --color-passage-primary-700: #0e53ae;
  --color-passage-primary-800: #023e8a;
  --color-passage-primary-900: #002f6d;
  --color-passage-primary-950: #011d47;
  --color-passage-secondary-50: #f3f7ff;
  --color-passage-secondary-100: #e2ebff;
  --color-passage-secondary-200: #c8d9ff;
  --color-passage-secondary-300: #a9c3ff;
  --color-passage-secondary-400: #79a1ff;
  --color-passage-secondary-500: #4f7eff;
  --color-passage-secondary-600: #2855ff;
  --color-passage-secondary-700: #1630ea;
  --color-passage-secondary-800: #0f21bf;
  --color-passage-secondary-900: #081395;
  --color-passage-secondary-950: #03045e;
  --color-passage-success-50: #f0faf5;
  --color-passage-success-100: #dcf1e7;
  --color-passage-success-200: #bee3d2;
  --color-passage-success-300: #98d3ba;
  --color-passage-success-400: #68b798;
  --color-passage-success-500: #409d7c;
  --color-passage-success-600: #1e8161;
  --color-passage-success-700: #0b6b4f;
  --color-passage-success-800: #00523b;
  --color-passage-success-900: #003d2b;
  --color-passage-success-950: #00261a;
  --color-passage-error-50: #fff4f2;
  --color-passage-error-100: #ffe4e0;
  --color-passage-error-200: #ffcbc2;
  --color-passage-error-300: #ffab9f;
  --color-passage-error-400: #f97869;
  --color-passage-error-500: #e05446;
  --color-passage-error-600: #b3261e;
  --color-passage-error-700: #9f2019;
  --color-passage-error-800: #801510;
  --color-passage-error-900: #630a07;
  --color-passage-error-950: #400503;
  --color-passage-neutral-50: #f3f7fe;
  --color-passage-neutral-100: #e3ecf9;
  --color-passage-neutral-200: #cadbf2;
  --color-passage-neutral-300: #adc6ea;
  --color-passage-neutral-400: #87a7d3;
  --color-passage-neutral-500: #698bba;
  --color-passage-neutral-600: #4f709e;
  --color-passage-neutral-700: #35527a;
  --color-passage-neutral-800: #2d4668;
  --color-passage-neutral-900: #20334f;
  --color-passage-neutral-950: #122032;
  --font-sans: Karla, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Overpass Mono", ui-monospace, monospace;
}

:root {
  --ui-primary: #023E8A;
  --ui-secondary: #03045E;
  --ui-success: #0B6B4F;
  --ui-error: #B3261E;
  --ui-radius: 6.6667px;
  --ui-bg: #CAF0F8;
  --ui-bg-muted: #FFFFFF;
  --ui-bg-elevated: #b6d8e9;
  --ui-bg-accented: #aacadf;
  --ui-bg-inverted: #03045E;
  --ui-text-dimmed: #7086b3;
  --ui-text-muted: #35527A;
  --ui-text-toned: #353f85;
  --ui-text: #03045E;
  --ui-text-highlighted: #03045E;
  --ui-text-inverted: #CAF0F8;
  --ui-border: #90E0EF;
  --ui-border-muted: #90E0EF;
  --ui-border-accented: #7bbfd9;
  --ui-border-inverted: #03045E;
}

.dark {
  --ui-primary: #48CAE4;
  --ui-secondary: #CAF0F8;
  --ui-success: #6FD9B4;
  --ui-error: #FF9B93;
  --ui-bg: #02033B;
  --ui-bg-muted: #03045E;
  --ui-bg-elevated: #1d2052;
  --ui-bg-accented: #2b2f5e;
  --ui-bg-inverted: #E6F8FC;
  --ui-text-dimmed: #697192;
  --ui-text-muted: #90E0EF;
  --ui-text-toned: #adbbcc;
  --ui-text: #E6F8FC;
  --ui-text-highlighted: #E6F8FC;
  --ui-text-inverted: #02033B;
  --ui-border: #023E8A;
  --ui-border-muted: #023E8A;
  --ui-border-accented: #245a9b;
  --ui-border-inverted: #E6F8FC;
}