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

@theme static {
  --color-civic-primary-50: #f2f7ff;
  --color-civic-primary-100: #e0ecff;
  --color-civic-primary-200: #c4daff;
  --color-civic-primary-300: #a3c5ff;
  --color-civic-primary-400: #6ea3ff;
  --color-civic-primary-500: #4284f7;
  --color-civic-primary-600: #2767d8;
  --color-civic-primary-700: #1650b5;
  --color-civic-primary-800: #0b3d91;
  --color-civic-primary-900: #052d71;
  --color-civic-primary-950: #031b4a;
  --color-civic-secondary-50: #f4f7fc;
  --color-civic-secondary-100: #e5ecf5;
  --color-civic-secondary-200: #cfdaeb;
  --color-civic-secondary-300: #b5c5df;
  --color-civic-secondary-400: #91a6c6;
  --color-civic-secondary-500: #748aad;
  --color-civic-secondary-600: #5b6f91;
  --color-civic-secondary-700: #465977;
  --color-civic-secondary-800: #36465e;
  --color-civic-secondary-900: #273347;
  --color-civic-secondary-950: #0b1320;
  --color-civic-success-50: #f0faf3;
  --color-civic-success-100: #def1e3;
  --color-civic-success-200: #c0e4ca;
  --color-civic-success-300: #9cd4ad;
  --color-civic-success-400: #70b787;
  --color-civic-success-500: #4b9d69;
  --color-civic-success-600: #2d814f;
  --color-civic-success-700: #0b5f33;
  --color-civic-success-800: #10532d;
  --color-civic-success-900: #063e1f;
  --color-civic-success-950: #032712;
  --color-civic-error-50: #fff4f2;
  --color-civic-error-100: #ffe4e0;
  --color-civic-error-200: #ffcbc3;
  --color-civic-error-300: #ffab9f;
  --color-civic-error-400: #ff7264;
  --color-civic-error-500: #e74b40;
  --color-civic-error-600: #c62923;
  --color-civic-error-700: #a30f0f;
  --color-civic-error-800: #850708;
  --color-civic-error-900: #660002;
  --color-civic-error-950: #420101;
  --color-civic-neutral-50: #f5f7fa;
  --color-civic-neutral-100: #e8ebf1;
  --color-civic-neutral-200: #d3dae4;
  --color-civic-neutral-300: #bac5d5;
  --color-civic-neutral-400: #99a6b9;
  --color-civic-neutral-500: #7c8a9f;
  --color-civic-neutral-600: #627084;
  --color-civic-neutral-700: #4d596b;
  --color-civic-neutral-800: #414b5a;
  --color-civic-neutral-900: #2b333f;
  --color-civic-neutral-950: #1a2028;
  --font-sans: "Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;
}

:root {
  --ui-primary: #0B3D91;
  --ui-secondary: #0B1320;
  --ui-success: #0B5F33;
  --ui-error: #A30F0F;
  --ui-radius: 3.3333px;
  --ui-bg: #FFFFFF;
  --ui-bg-muted: #F2F5F9;
  --ui-bg-elevated: #e7e7e9;
  --ui-bg-accented: #d8d9db;
  --ui-bg-inverted: #0B1320;
  --ui-text-dimmed: #91959b;
  --ui-text-muted: #414B5A;
  --ui-text-toned: #484e58;
  --ui-text: #0B1320;
  --ui-text-highlighted: #0B1320;
  --ui-text-inverted: #FFFFFF;
  --ui-border: #7B8696;
  --ui-border-muted: #7B8696;
  --ui-border-accented: #6a7584;
  --ui-border-inverted: #0B1320;
}

.dark {
  --ui-primary: #9CC2FF;
  --ui-secondary: #F4F7FB;
  --ui-success: #7BE0A6;
  --ui-error: #FF9B91;
  --ui-bg: #0A0F18;
  --ui-bg-muted: #131B28;
  --ui-bg-elevated: #21262f;
  --ui-bg-accented: #2f343c;
  --ui-bg-inverted: #F4F7FB;
  --ui-text-dimmed: #73777e;
  --ui-text-muted: #B6C0CE;
  --ui-text-toned: #babdc2;
  --ui-text: #F4F7FB;
  --ui-text-highlighted: #F4F7FB;
  --ui-text-inverted: #0A0F18;
  --ui-border: #66738A;
  --ui-border-muted: #66738A;
  --ui-border-accented: #7b879b;
  --ui-border-inverted: #F4F7FB;
}