@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap");
:root {
  --bg: #F8F9FB;
  --ink: #15171C;
  --surface: #fcfcfd;
  --sunk: #f0f1f3;
  --line: #ceddd9;
  --muted: #6c6e72;
  --accent: #3B5BDB;
  --accent-text: #3B5BDB;
  --accent-btn: #3B5BDB;
  --accent-ink: #FFFFFF;
  --accent-soft: #e1e6f7;
  --highlight: #2FB380;
  --highlight-ink: #15171C;
  --highlight-soft: #c0e5d9;
  --danger: #C2341B;
  --ok: #1E7A46;
  --warn: #9A6A00;
  --font-display: "Inter", ui-rounded, system-ui, sans-serif;
  --font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #111216;
  --ink: #F8F9FB;
  --surface: #1f2024;
  --sunk: #0d0e11;
  --line: #36373b;
  --muted: #9c9d9f;
  --accent: #3B5BDB;
  --accent-text: #607ae0;
  --accent-btn: #3B5BDB;
  --accent-ink: #FFFFFF;
  --accent-soft: #19213d;
  --highlight: #2FB380;
  --highlight-ink: #111216;
  --highlight-soft: #18352d;
  --danger: #FF7A5C;
  --ok: #5BD08A;
  --warn: #F2C14E;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #111216;
  --ink: #F8F9FB;
  --surface: #1f2024;
  --sunk: #0d0e11;
  --line: #36373b;
  --muted: #9c9d9f;
  --accent: #3B5BDB;
  --accent-text: #607ae0;
  --accent-btn: #3B5BDB;
  --accent-ink: #FFFFFF;
  --accent-soft: #19213d;
  --highlight: #2FB380;
  --highlight-ink: #111216;
  --highlight-soft: #18352d;
  --danger: #FF7A5C;
  --ok: #5BD08A;
  --warn: #F2C14E;
  color-scheme: dark;
}