/* ============================================================================
   Design tokens + bundled font faces.

   This is the only file that defines custom properties; every other layer
   reads from here. Change a colour or a radius once and the whole dashboard
   follows. Fonts are bundled (no CDN, no telemetry) which is the same offline
   premise the rest of the product keeps.
   ========================================================================== */

@font-face {
  font-family: "Fraunces";
  src: url("/static/fonts/fraunces.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/static/fonts/fraunces-italic.woff2") format("woff2");
  font-weight: 100 900; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Hanken";
  src: url("/static/fonts/hanken.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "JBMono";
  src: url("/static/fonts/jetbrains-mono.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  --bg: #0a0b0e;
  --bg-2: #101218;
  --bg-3: #15181f;
  --bg-4: #1b1f28;
  --line: #23262f;
  --line-2: #2c303b;
  --ink: #ece9e2;
  --dim: #9aa1ad;
  --faint: #79808f;        /* lifted for legibility on the eyebrow labels */
  --accent: #3ddc97;
  --accent-deep: #1f7a59;
  --pos: #38cf8f;
  --neu: #6f7889;
  --neg: #f0705f;
  --amber: #e3a44a;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 18px 40px -24px rgba(0,0,0,.8);
  --ui: "Hanken", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --mono: "JBMono", ui-monospace, "SF Mono", Menlo, monospace;
}