:root {
  --brand: #990000;
  --brand-on: #ffffff;
  --brand-text: #b84134;
  --radius: 10px;
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --brand-50: #ffe1d4;
  --brand-100: #ffd3c5;
  --brand-200: #ffbbac;
  --brand-300: #ff9c8c;
  --brand-400: #f27867;
  --brand-500: #dc5243;
  --brand-600: #b84134;
  --brand-700: #953127;
  --brand-800: #742219;
  --brand-900: #51110b;
  --n-50: #fff4f2;
  --n-100: #f3e8e6;
  --n-200: #dfd5d3;
  --n-300: #c5bbb9;
  --n-400: #a99f9d;
  --n-500: #8d8482;
  --n-600: #766c6b;
  --n-700: #5f5654;
  --n-800: #49403f;
  --n-900: #312928;
  --accent: #9ecdff;
  --accent-on: #111111;
  --accent-50: #e2faff;
  --accent-100: #d4eeff;
  --accent-200: #bddbfb;
  --accent-300: #9fc1e7;
  --accent-400: #7ea5cf;
  --accent-500: #5d8ab9;
  --accent-600: #4c729a;
  --accent-700: #3a5b7c;
  --accent-800: #2a4460;
  --accent-900: #192d42;
  --bg: #ffffff;
  --bg-subtle: #fff4f2;
  --bg-inset: #f3e8e6;
  --border: #dfd5d3;
  --border-strong: #c5bbb9;
  --text: #312928;
  --text-muted: #766c6b;
  --link: #b84134;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #312928;
  --bg-subtle: #49403f;
  --bg-inset: #49403f;
  --border: #5f5654;
  --border-strong: #766c6b;
  --text: #fff4f2;
  --text-muted: #c5bbb9;
  --link: #ff9c8c;
  }
}
:root[data-theme="dark"] {
  --bg: #312928;
  --bg-subtle: #49403f;
  --bg-inset: #49403f;
  --border: #5f5654;
  --border-strong: #766c6b;
  --text: #fff4f2;
  --text-muted: #c5bbb9;
  --link: #ff9c8c;
}