:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --navy-950: #10243a;
  --navy-900: #18314b;
  --navy-800: #23415e;
  --sidebar-background: #10243a;
  --blue-700: #1769aa;
  --blue-600: #1c79bb;
  --blue-100: #e9f3fb;
  --green-700: #26745c;
  --green-100: #e8f4ed;
  --amber-700: #9b6819;
  --amber-100: #fff4db;
  --red-700: #a94343;
  --red-100: #fcecec;
  --ink-900: #182b3d;
  --ink-700: #405468;
  --ink-500: #738397;
  --line: #e3e9ef;
  --surface: #fff;
  --canvas: #f4f7fa;
  --theme-primary-rgb: 23 105 170;
  --shadow-sm: 0 2px 8px rgb(19 44 66 / 5%);
  --shadow-lg: 0 22px 65px rgb(14 37 58 / 18%);
  --radius-sm: 9px;
  --radius-md: 14px;
  --radius-lg: 20px;
}

* {
  box-sizing: border-box;
}

body {
  min-width: 320px;
  margin: 0;
  background: var(--canvas);
  color: var(--ink-900);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgb(var(--theme-primary-rgb, 28 121 187) / 32%);
  outline-offset: 2px;
}

::selection {
  background: #d3e8f7;
  color: var(--navy-950);
}