/* Shared design tokens for dogtooth.ai/finn (landing, scan widget, wizard).
   Dogtooth brand (dogtoothinc.com): Space Grotesk + Inter, deep purple on white and lavender, near-black bands.
   Light first; dark mirrors dogtoothinc.com's dark tokens. */
@font-face {
  font-family: "Space Grotesk";
  src: url("/finn/assets/fonts/SpaceGrotesk-Variable.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/finn/assets/fonts/Inter-Variable.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --tint-bg: #f6f3ff;      /* Dogtooth's lavender section wash */
  --ink: #08080b;          /* Dogtooth --bg-dark, used as ink */
  --ink-soft: #55535f;
  --line: #e7e3f3;
  --brand: #5e10ec;        /* Dogtooth --purple-deep: buttons, focus */
  --brand-2: #6e31de;      /* Dogtooth --purple-primary */
  --brand-soft: #c1a0ff;   /* Dogtooth --purple-light */
  --brand-ink: #ffffff;
  --link: #5e10ec;
  --accent: #6e31de;       /* the owner's chat bubbles */
  --ok: #17803d;
  --warn: #9a5b00;
  --bad: #b42318;
  --radius: 14px;
  --shadow: 0 1px 2px rgba(20, 8, 60, .06), 0 10px 30px rgba(60, 20, 160, .08);
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Space Grotesk", "Inter", -apple-system, sans-serif;
  --maxw: 1120px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #08080b; --surface: #0e0e14; --tint-bg: #111118; --ink: #ffffff; --ink-soft: #a6a6b0; --line: #24232e;
    --brand: #6e31de; --brand-2: #7c4dff; --brand-soft: #c1a0ff; --brand-ink: #ffffff; --link: #c1a0ff; --accent: #6e31de;
    --ok: #4ade80; --warn: #fbbf24; --bad: #f87171;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px rgba(94, 16, 236, .12);
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); line-height: 1.55; }
::selection { background: var(--brand-2); color: #fff; }