/* Generated by app/build_brand.py; source: app/brand-tokens.json. */
@font-face { font-family: Inter; src: url('/assets/inter-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 800; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('/assets/space-grotesk-latin.woff2') format('woff2'); font-style: normal; font-weight: 400 700; font-display: swap; }
:root {
  color-scheme: dark;
  --canvas: #0A0A0F;
  --deep: #0D0D1A;
  --surface: #12121F;
  --line: #1E1E32;
  --accent: #00D4FF;
  --blue: #0066CC;
  --ink: #F0F4FF;
  --muted: #8899AA;
  --green: #22C55E;
  --amber: #FACC15;
  --red: #EF4444;
  --font-heading: Space Grotesk, ui-sans-serif, system-ui, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
  --radius: 16px;
  --control-radius: 12px;
  --pill: 9999px;
  --tint: color-mix(in srgb, var(--accent) 8%, var(--surface));
  --danger-tint: color-mix(in srgb, var(--red) 8%, var(--surface));
  --success-tint: color-mix(in srgb, var(--green) 8%, var(--surface));
  --warning-tint: color-mix(in srgb, var(--amber) 8%, var(--surface));
  --control-line: color-mix(in srgb, var(--muted) 72%, var(--line));
  --gradient: linear-gradient(135deg, var(--accent) 0%, var(--blue) 100%);
}
body { background: var(--canvas); color: var(--ink); font-family: var(--font-body); }
h1,h2,h3,h4,.brand,.metric dd { font-family: var(--font-heading); font-weight: 700; }
.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); font-size: 26px; line-height: 1; font-weight: 700; letter-spacing: -.02em; text-decoration: none; }
.brand img { display: block; width: 44px; height: 44px; object-fit: contain; flex: none; }
.brand em { color: var(--accent); font-style: normal; }
button,input,select,textarea { font-family: var(--font-body); }
::selection { background: var(--accent); color: var(--canvas); }