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

@theme static {
  --color-solace-primary-50: #f5f6fe;
  --color-solace-primary-100: #e8eafb;
  --color-solace-primary-200: #d4d6f5;
  --color-solace-primary-300: #bdbfee;
  --color-solace-primary-400: #9d9ed8;
  --color-solace-primary-500: #8182c0;
  --color-solace-primary-600: #6767a3;
  --color-solace-primary-700: #515186;
  --color-solace-primary-800: #403f6b;
  --color-solace-primary-900: #2e2e52;
  --color-solace-primary-950: #22223b;
  --color-solace-secondary-50: #fbf5f4;
  --color-solace-secondary-100: #f3e8e6;
  --color-solace-secondary-200: #e7d4d0;
  --color-solace-secondary-300: #c9ada7;
  --color-solace-secondary-400: #be9b94;
  --color-solace-secondary-500: #a47f77;
  --color-solace-secondary-600: #89655d;
  --color-solace-secondary-700: #6f4f48;
  --color-solace-secondary-800: #583e38;
  --color-solace-secondary-900: #422d28;
  --color-solace-secondary-950: #2a1b18;
  --color-solace-error-50: #fff4f3;
  --color-solace-error-100: #ffe4e1;
  --color-solace-error-200: #ffcac5;
  --color-solace-error-300: #ffaaa3;
  --color-solace-error-400: #f17d76;
  --color-solace-error-500: #d95b56;
  --color-solace-error-600: #b93e3c;
  --color-solace-error-700: #9b2c2c;
  --color-solace-error-800: #7b1e1f;
  --color-solace-error-900: #5e1214;
  --color-solace-error-950: #3d090a;
  --color-solace-neutral-50: #f6f6fb;
  --color-solace-neutral-100: #e9ebf4;
  --color-solace-neutral-200: #d5d8e8;
  --color-solace-neutral-300: #bec3db;
  --color-solace-neutral-400: #9ea3c1;
  --color-solace-neutral-500: #8287a7;
  --color-solace-neutral-600: #686c8b;
  --color-solace-neutral-700: #4a4e69;
  --color-solace-neutral-800: #40435a;
  --color-solace-neutral-900: #2f3144;
  --color-solace-neutral-950: #1c1e2b;
  --font-sans: Mulish, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Xanh Mono", ui-monospace, monospace;
}

:root {
  --ui-primary: #22223B;
  --ui-secondary: #C9ADA7;
  --ui-error: #9B2C2C;
  --ui-radius: 8px;
  --ui-bg: #F2E9E4;
  --ui-bg-muted: #FAF5F2;
  --ui-bg-elevated: #d9d1d0;
  --ui-bg-accented: #cdc5c6;
  --ui-bg-inverted: #22223B;
  --ui-text-dimmed: #948f98;
  --ui-text-muted: #4A4E69;
  --ui-text-toned: #565465;
  --ui-text: #22223B;
  --ui-text-highlighted: #22223B;
  --ui-text-inverted: #F2E9E4;
  --ui-border: #DFD0C9;
  --ui-border-muted: #DFD0C9;
  --ui-border-accented: #c3b6b4;
  --ui-border-inverted: #22223B;
}

.dark {
  --ui-primary: #C9ADA7;
  --ui-secondary: #4A4E69;
  --ui-error: #F0A3A3;
  --ui-bg: #191929;
  --ui-bg-muted: #22223B;
  --ui-bg-elevated: #2f2e3c;
  --ui-bg-accented: #3c3a47;
  --ui-bg-inverted: #F2E9E4;
  --ui-text-dimmed: #7b777d;
  --ui-text-muted: #B8ADB6;
  --ui-text-toned: #bcb5b5;
  --ui-text: #F2E9E4;
  --ui-text-highlighted: #F2E9E4;
  --ui-text-inverted: #191929;
  --ui-border: #3A3B57;
  --ui-border-muted: #3A3B57;
  --ui-border-accented: #56556c;
  --ui-border-inverted: #F2E9E4;
}