/* GENERATED by generate_tokens.py from brand.yaml — DO NOT EDIT BY HAND.
   Brand: Port Fixture · mode: dark · compiled with zero LLM tokens.
   Re-run `python3 generate_tokens.py` after editing brand.yaml. */
:root {
  /* color */
  --color-bg: #0a1112;
  --color-surface: #121e21;
  --color-surface-2: #1b2b2f;
  --color-border: #2e464c;
  --color-track: #24383c;
  --color-text: #f2f0ee;
  --color-text-muted: #b1aba0;
  --color-accent: #f37c49;
  --cap-low: #45c485;
  --cap-med: #dfbc49;
  --cap-high: #ed9345;
  --cap-full: #ea6753;
  /* type scale (ratio 1.25) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.562rem;
  --text-2xl: 1.953rem;
  --leading: 1.5;
  /* spacing (4px rhythm) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  /* radius + type family */
  --radius: 14px;
  --radius-sm: 8px;
  --font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Avenir Next', 'Futura', 'Gill Sans', 'Trebuchet MS', ui-sans-serif, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: dark;
  accent-color: var(--color-accent);
}

/* base layer — the app chrome is themed by the system */
body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font);
  line-height: var(--leading);
  font-size: var(--text-md);
}
h1, h2, h3 { font-family: var(--font-display); }
::selection { background: var(--color-accent); color: var(--color-bg); }
input, select, textarea, button { font: inherit; }
.app-header {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-border);
}
.app-header h1 { margin: 0; font-size: var(--text-lg); font-weight: 650; letter-spacing: 0.02em; text-transform: none; }
main { padding: var(--space-5); }
.dashboard {
  display: grid;
  gap: var(--space-5);
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}