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

@theme static {
  --color-recital-primary-50: #fff4f2;
  --color-recital-primary-100: #ffe4e0;
  --color-recital-primary-200: #ffcbc3;
  --color-recital-primary-300: #fdaca1;
  --color-recital-primary-400: #e88578;
  --color-recital-primary-500: #cf6458;
  --color-recital-primary-600: #b1493f;
  --color-recital-primary-700: #92352d;
  --color-recital-primary-800: #7b2d26;
  --color-recital-primary-900: #591a15;
  --color-recital-primary-950: #3a0f0b;
  --color-recital-secondary-50: #f8f6f5;
  --color-recital-secondary-100: #eeeae8;
  --color-recital-secondary-200: #ded8d3;
  --color-recital-secondary-300: #cbc2bb;
  --color-recital-secondary-400: #aea299;
  --color-recital-secondary-500: #93877d;
  --color-recital-secondary-600: #786c63;
  --color-recital-secondary-700: #60564d;
  --color-recital-secondary-800: #4c433c;
  --color-recital-secondary-900: #38312c;
  --color-recital-secondary-950: #2b2622;
  --color-recital-error-50: #fff4f2;
  --color-recital-error-100: #ffe4e0;
  --color-recital-error-200: #ffcbc2;
  --color-recital-error-300: #ffab9e;
  --color-recital-error-400: #f87968;
  --color-recital-error-500: #e05445;
  --color-recital-error-600: #c03629;
  --color-recital-error-700: #a3261c;
  --color-recital-error-800: #80160f;
  --color-recital-error-900: #620b06;
  --color-recital-error-950: #400503;
  --color-recital-neutral-50: #f8f6f5;
  --color-recital-neutral-100: #edebe8;
  --color-recital-neutral-200: #ddd8d4;
  --color-recital-neutral-300: #cac3bc;
  --color-recital-neutral-400: #aca39b;
  --color-recital-neutral-500: #91877f;
  --color-recital-neutral-600: #6f665e;
  --color-recital-neutral-700: #5e564f;
  --color-recital-neutral-800: #4a443e;
  --color-recital-neutral-900: #37322d;
  --color-recital-neutral-950: #221e1b;
  --font-sans: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Source Code Pro", ui-monospace, monospace;
}

:root {
  --ui-primary: #7B2D26;
  --ui-secondary: #2B2622;
  --ui-error: #A3261C;
  --ui-radius: 4px;
  --ui-bg: #FBF7F0;
  --ui-bg-muted: #F3ECE1;
  --ui-bg-elevated: #e5e1da;
  --ui-bg-accented: #d8d4cd;
  --ui-bg-inverted: #1F1B18;
  --ui-text-dimmed: #98948f;
  --ui-text-muted: #6F665E;
  --ui-text-toned: #56524e;
  --ui-text: #1F1B18;
  --ui-text-highlighted: #1F1B18;
  --ui-text-inverted: #FBF7F0;
  --ui-border: #DDD3C4;
  --ui-border-muted: #DDD3C4;
  --ui-border-accented: #c1b7aa;
  --ui-border-inverted: #1F1B18;
}

.dark {
  --ui-primary: #E39A7B;
  --ui-secondary: #F2EADD;
  --ui-error: #EF8A7E;
  --ui-bg: #191614;
  --ui-bg-muted: #231F1C;
  --ui-bg-elevated: #2f2b28;
  --ui-bg-accented: #3c3834;
  --ui-bg-inverted: #F2EADD;
  --ui-text-dimmed: #7b756e;
  --ui-text-muted: #A99F94;
  --ui-text-toned: #bcb5ab;
  --ui-text: #F2EADD;
  --ui-text-highlighted: #F2EADD;
  --ui-text-inverted: #191614;
  --ui-border: #3A332D;
  --ui-border-muted: #3A332D;
  --ui-border-accented: #564e47;
  --ui-border-inverted: #F2EADD;
}