@font-face {
  font-family: Safiro;
  src: url("../public/fonts/safiro/Safiro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Safiro;
  src: url("../public/fonts/safiro/Safiro-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../public/fonts/plus-jakarta-sans/PlusJakartaSans-Variable.woff2")
    format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: light;
  --brand: #184aff;
  --brand-accent: #5a80ff;
  --brand-soft: #edf1ff;
  --brand-text: #184aff;
  --canvas: #fff;
  --sidebar: #f8f9fb;
  --surface: #fff;
  --subtle: #f6f6f6;
  --hover: #f2f4f7;
  --ink: #17191d;
  --muted: #626873;
  --faint: #767d88;
  --border: #e7e9ee;
  --strong-border: #d5d9e0;
  --green: #167452;
  --green-soft: #edf7f2;
  --amber: #976013;
  --amber-soft: #fcf5e8;
  --red: #b3343d;
  --red-soft: #fceff0;
  --violet: #7353ad;
  --violet-soft: #f3effa;
  --display: Safiro, sans-serif;
  --font: "Plus Jakarta Sans", system-ui, sans-serif;
  --radius: 6px;
  --sidebar-width: 232px;
  --header-height: 66px;
  --shadow: 0 12px 40px #12182612;
  --scrim: #11182760;
}
[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #141518;
  --sidebar: #191a1e;
  --surface: #191a1e;
  --subtle: #202126;
  --hover: #26282e;
  --ink: #f1f2f4;
  --muted: #b0b4be;
  --faint: #979da9;
  --border: #2c2e35;
  --strong-border: #42454f;
  --brand-soft: #222d50;
  --brand-text: #95b0ff;
  --green: #77d5ad;
  --green-soft: #1c322a;
  --amber: #e7bd72;
  --amber-soft: #362d1e;
  --red: #f0a0a5;
  --red-soft: #3b2428;
  --violet: #c4acee;
  --violet-soft: #30263e;
  --shadow: 0 12px 40px #0005;
  --scrim: #0009;
}