/* ============================================================
 * Signal Console tokens (LIGHT defaults).
 * Warm paper + acid-lime accent + DM Mono labels / Manrope numbers.
 * Dark overrides live in globals.css under [data-theme="dark"].
 * Token names referenced by ~70 components — do not rename.
 * ============================================================ */
:root {
  /* Kept for back-compat: any residual "serif" usage now resolves to the
   * Signal Console display sans (Manrope). The design has no serif. */
  --serif-family: var(--font-sans), Manrope, system-ui, sans-serif;

  /* Ocra scale repurposed → warm paper surfaces + lime accent.
   * --ocra-50 = page (paper), 100 = card/panel, 200 = hairline,
   * 500 = lime accent, 700 = dim label ink. */
  --ocra-50:  #edeee8;
  --ocra-100: #f7f8f3;
  --ocra-200: #dcddd5;
  --ocra-500: #b9df22;
  --ocra-700: #7a7e75;

  /* Ink text scale (light = dark ink on paper). */
  --ink-900: #0d0f0c;
  --ink-600: #5e625b;
  --ink-400: #7a7e75;
  --ink-200: #dcddd5;

  /* Unified card surface — crisp white card with a faint warm hairline on the
   * paper page. --af-radius-md (6px) is the shared corner. */
  --af-card-border: rgba(13, 15, 12, .10);
  --af-card-bg: #ffffff;
}
body {
  background-color: var(--ocra-50);
  color: var(--ink-900);
}
/* Big metric numbers — Manrope sans, tight, tabular. Signal Console uses one
 * display face for numbers in BOTH themes (no serif/mono split). */
.kpi-number {
  font-family: var(--font-sans), Manrope, system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  color: var(--ink-900);
}
/* Small metric label — uppercase DM Mono, dim, letterspaced (terminal feel). */
.kpi-label {
  font-family: var(--font-mono), 'DM Mono', ui-monospace, monospace;
  color: var(--ocra-700);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: 10.5px;
  font-weight: 500;
}
.card-editorial {
  background: var(--af-card-bg);
  border: 1px solid var(--af-card-border);
  border-radius: var(--af-radius-md, 6px);
}