/* Halo Dashboard — shared design tokens (Parkee + Ezitama).
   Structure/layout stay in style.css / ezitama.css; only brand & primitives live here.
   Meaning: yellow = bagian Halo, teal = Zenith / aksen aksi. */
:root {
  color-scheme: light;
  --font: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono: "Cascadia Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Report canvas */
  --page: #e8ebf0;
  --surface-1: #ffffff;
  --surface-2: #f4f6f9;
  --border: #d5dbe4;
  --grid: #e6eaef;
  --text-primary: #101820;
  --text-secondary: #3d4654;
  --text-muted: #5a6574;
  --text-faint: #6b7685;

  /* Brand */
  --brand: #0f8f85;
  --brand-ink: #0a6e66;
  --brand-soft: rgba(15, 143, 133, 0.1);
  --brand-yellow: #ffc91f;
  --halo-ink: #7a5a00;
  --accent: #0f8f85;
  --accent-strong: #0a6e66;
  --on-accent: #ffffff;
  --share-halo: #e6b400;
  --share-zen: #0f8f85;
  --share-ez: #9aa5b1; /* non-JO / Ezitama share strip when shown on Parkee views */

  /* Charts — fixed meaning, colour-blind separated */
  --series-1: #0f8f85;
  --series-2: #d45a28;
  --series-3: #2a6fc4;
  --series-4: #b07a00;
  --hover-band: rgba(16, 24, 32, 0.04);
  --good: #147a38;
  --critical: #b42323;
  --warn: #a15c00;

  --radius: 2px;
  --target: 44px;
  --space: 8px;
  --shadow: none;

  /* Brand rail (sidebar) — dark so logo reads correctly */
  --rail-bg: #0c1016;
  --rail-border: #1c2430;
  --rail-text: #c5ced8;
  --rail-muted: #7a8696;
  --rail-active: #ffc91f;
  --rail-hover: rgba(255, 255, 255, 0.05);
}