@import "tailwindcss";

@theme {
  --color-bg: #0b0e14;
  --color-bg-elev: #111622;
  --color-bg-sub: #161c2a;
  --color-line: #232b3b;
  --color-line-strong: #2f3a4f;
  --color-fg: #e6e9ef;
  --color-fg-muted: #94a0b8;
  --color-fg-dim: #66718a;
  --color-accent: #4f8cff;
  --color-accent-soft: #1b2a4a;
  --color-up: #22c55e;
  --color-down: #ef4444;
  --color-warn: #f59e0b;
  --color-live: #dc2626;
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html, body { height: 100%; }
body { background: var(--color-bg); color: var(--color-fg); font-family: var(--font-sans); font-size: 14px; }
.num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.scroll-thin { scrollbar-width: thin; scrollbar-color: var(--color-line-strong) transparent; }
input[type="number"]::-webkit-inner-spin-button { opacity: 0.4; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }

@media print {
  body { background: #fff; color: #111; font-size: 12px; }
  .no-print { display: none !important; }
  .print-card { border: 1px solid #ccc; break-inside: avoid; }
}