/* UrCharts — brand orange #ff653f (light) / amber #ffc85c (dark),
   purple-ink neutrals. Source: urcharts.vercel.app VitePress theme. */

:root {
  --ui-color-primary-50: #fff3ef;
  --ui-color-primary-100: #ffe3da;
  --ui-color-primary-200: #ffc7b5;
  --ui-color-primary-300: #ffa585;
  --ui-color-primary-400: #ff8560;
  --ui-color-primary-500: #ff653f;
  --ui-color-primary-600: #e5552f;
  --ui-color-primary-700: #bf4324;
  --ui-color-primary-800: #93341c;
  --ui-color-primary-900: #6b2614;
  --ui-color-primary-950: #3f150b;
}

.dark:root {
  /* dark mode brand shifts to the amber accent */
  --ui-color-primary-50: #fff9ec;
  --ui-color-primary-100: #fff1d0;
  --ui-color-primary-200: #ffe3a3;
  --ui-color-primary-300: #ffd680;
  --ui-color-primary-400: #ffc85c;
  --ui-color-primary-500: #ffb83a;
  --ui-color-primary-600: #f09a1f;
  --ui-color-primary-700: #c67716;
  --ui-color-primary-800: #965915;
  --ui-color-primary-900: #6b3e11;
  --ui-color-primary-950: #3f2309;

  --ui-color-neutral-950: #14111e;
  --ui-color-neutral-900: #1a1626;
  --ui-color-neutral-800: #221d30;
  --ui-color-neutral-700: #2e2840;
  --ui-color-neutral-600: #453d5c;
  --ui-color-neutral-500: #75708a;
  --ui-color-neutral-400: #8a849c;
  --ui-color-neutral-300: #a39db4;
  --ui-color-neutral-200: #c9c4d6;
  --ui-color-neutral-100: #ece8f0;
  --ui-color-neutral-50: #ffffff;
}