/* GENERATED FILE - edit tokens.json and re-run tools/build-brand-css.py. Do not hand-edit. */


@font-face {
  font-family: "Space Grotesk";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/space-grotesk-500.woff2") format("woff2");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/space-grotesk-600.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/inter-400.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/inter-500.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono-400.woff2") format("woff2");
}

:root[data-theme="dark"] {
  --color-ground: #141516;
  --color-surface: #1B1C1E;
  --color-surface-2: #202226;
  --color-ink: #ECEBE6;
  --color-amber: #E0A83B;
  --color-line: #2B2D30;
  --color-muted: #8A8D91;
  --color-sage: #63A375;
  --color-warning: #D9634A;
}

:root[data-theme="light"] {
  --color-ground: #F4F3F1;
  --color-surface: #FFFFFF;
  --color-surface-2: #ECEAE5;
  --color-ink: #17181A;
  --color-amber: #B5811F;
  --color-line: #DCDAD5;
  --color-muted: #6B6E72;
  --color-sage: #3F7A54;
  --color-warning: #B5432A;
}

:root {
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --radius-sm: 2px;
  --radius-full: 9999px;
}

html, body { background: var(--color-ground); }
body { font-family: var(--font-body); color: var(--color-ink); }

/* No blue anywhere, including focus rings - amber is the sole functional accent. */
*:focus-visible {
  outline: 2px solid var(--color-amber);
  outline-offset: 2px;
}

::selection { background: var(--color-amber); color: var(--color-ground); }

.font-tabular { font-variant-numeric: tabular-nums; }