/* ============================================================
 * Editorial-theme tokens (LIGHT defaults).
 * Dark overrides live in globals.css under [data-theme="dark"].
 * Token names referenced by ~70 components — do not rename.
 * ============================================================ */
:root {
  --serif-family: Georgia, 'Times New Roman', serif;
  --ocra-50:  #f7f5f0;
  --ocra-100: #f0eada;
  --ocra-200: #e8dfbf;
  --ocra-500: #c9b458;
  --ocra-700: #7a6600;
  --ink-900: #1a1a1a;
  --ink-600: #555555;
  --ink-400: #888888;
  --ink-200: #d9d9d9;
}
body {
  background-color: var(--ocra-50);
  color: var(--ink-900);
}
.kpi-number {
  font-family: var(--serif-family);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--ink-900);
}
.kpi-label {
  color: var(--ocra-700);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 11px;
  font-weight: 600;
}
.card-editorial {
  background: white;
  border: 1px solid var(--ocra-200);
  border-radius: 6px;
}

