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

@theme static {
  --color-relay-primary-50: #fff6e6;
  --color-relay-primary-100: #ffe8c2;
  --color-relay-primary-200: #ffd184;
  --color-relay-primary-300: #ffb703;
  --color-relay-primary-400: #d59800;
  --color-relay-primary-500: #b27f00;
  --color-relay-primary-600: #906600;
  --color-relay-primary-700: #745100;
  --color-relay-primary-800: #5b3f00;
  --color-relay-primary-900: #442e00;
  --color-relay-primary-950: #2b1c00;
  --color-relay-secondary-50: #f0f8fd;
  --color-relay-secondary-100: #deeef9;
  --color-relay-secondary-200: #c1def1;
  --color-relay-secondary-300: #9dcbe9;
  --color-relay-secondary-400: #71add2;
  --color-relay-secondary-500: #4e91ba;
  --color-relay-secondary-600: #32769d;
  --color-relay-secondary-700: #1f5e81;
  --color-relay-secondary-800: #154a67;
  --color-relay-secondary-900: #023047;
  --color-relay-secondary-950: #052232;
  --color-relay-error-50: #fff4f2;
  --color-relay-error-100: #ffe4e0;
  --color-relay-error-200: #ffcbc2;
  --color-relay-error-300: #ffab9f;
  --color-relay-error-400: #f97869;
  --color-relay-error-500: #e05446;
  --color-relay-error-600: #b3261e;
  --color-relay-error-700: #9f2019;
  --color-relay-error-800: #801510;
  --color-relay-error-900: #630a07;
  --color-relay-error-950: #400503;
  --color-relay-neutral-50: #f3f8fb;
  --color-relay-neutral-100: #e2edf3;
  --color-relay-neutral-200: #c9dce8;
  --color-relay-neutral-300: #acc9da;
  --color-relay-neutral-400: #85abc0;
  --color-relay-neutral-500: #678fa7;
  --color-relay-neutral-600: #4c758b;
  --color-relay-neutral-700: #3f6377;
  --color-relay-neutral-800: #2b495a;
  --color-relay-neutral-900: #1e3644;
  --color-relay-neutral-950: #11222b;
  --font-sans: Rubik, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Kode Mono", ui-monospace, monospace;
}

:root {
  --ui-primary: #FFB703;
  --ui-secondary: #023047;
  --ui-error: #B3261E;
  --ui-radius: 4px;
  --ui-bg: #F5FAFC;
  --ui-bg-muted: #FFFFFF;
  --ui-bg-elevated: #d8e2e6;
  --ui-bg-accented: #c9d6db;
  --ui-bg-inverted: #023047;
  --ui-text-dimmed: #889fab;
  --ui-text-muted: #3F6377;
  --ui-text-toned: #3f6274;
  --ui-text: #023047;
  --ui-text-highlighted: #023047;
  --ui-text-inverted: #F5FAFC;
  --ui-border: #C5E1EE;
  --ui-border-muted: #C5E1EE;
  --ui-border-accented: #a8c6d5;
  --ui-border-inverted: #023047;
}

.dark {
  --ui-primary: #FFB703;
  --ui-secondary: #8ECAE6;
  --ui-error: #FF9B8A;
  --ui-bg: #011C2A;
  --ui-bg-muted: #023047;
  --ui-bg-elevated: #142d3b;
  --ui-bg-accented: #223b47;
  --ui-bg-inverted: #EAF6FB;
  --ui-text-dimmed: #6a7e88;
  --ui-text-muted: #9CC7DB;
  --ui-text-toned: #b0c0c7;
  --ui-text: #EAF6FB;
  --ui-text-highlighted: #EAF6FB;
  --ui-text-inverted: #011C2A;
  --ui-border: #0E4A66;
  --ui-border-muted: #0E4A66;
  --ui-border-accented: #2f647c;
  --ui-border-inverted: #EAF6FB;
}