:root {
  --ink: #18181B;
  --ink-secondary: #52525B;
  --line: #E4E4E7;
  --bg: #FAFAFA;
  --card: #FFFFFF;
  --surface: #F4F4F5;
  --brand: #3B82F6;
  --brand-hover: #2563EB;
  --danger: #DC2626;
  --ok: #16A34A;
  --warn-bg: #FEF3C7;
  --warn-border: #FDE047;
  --warn-text: #854D0E;
  
  /* Legacy aliases for backwards compat with admin.html */
  --muted: var(--ink-secondary);

  /* Quota gauge / burn-rate severity scale.
     Five fixed steps rather than a gradient so a glance maps to a named state.
     Shared by the quota bar (stepped by runway) and the burn-rate card (stepped
     by multiple of usual hourly spend), so the same colour always means the same
     level of concern. Deliberately distinct from --ok / --danger, which stay
     reserved for binary status text elsewhere in the UI. */
  --level-1: #059669; /* healthy   */
  --level-2: #65A30D; /* fine      */
  --level-3: #F59E0B; /* watch     */
  --level-4: #EA580C; /* low       */
  --level-5: #DC2626; /* critical  */

  /* Usage heatmap (brand blue scale, not GitHub green) */
  --heat-cell: 11px;
  --heat-gap: 3px;
  --heat-0: var(--surface);
  --heat-1: #DBEAFE;
  --heat-2: #93C5FD;
  --heat-3: var(--brand);
  --heat-4: #1D4ED8;
}
