/* journal-trends — dark theme tokens
 * Palette extracted from the AIP /dataviz skill.
 * Use these via var(--token) in main.css and chart modules.
 */

:root {
  /* Surfaces */
  --bg: #0d1117;
  --surface: #161b22;
  --surface-2: #1c2128;
  --border: #30363d;
  --grid: #21262d;
  --accent-border: #388bfd;

  /* Text */
  --text-strong: #f0f6fc;
  --text: #e6edf3;
  --text-body: #c9d1d9;
  --text-muted: #8b949e;
  --text-dim: #484f58;

  /* Brand / interactive */
  --link: #58a6ff;
  --link-strong: #1f6feb;
  --danger: #f85149;

  /* Metric colours */
  --tips-pct: #2ea8f5;
  --tips-vol: #45aaf2;
  --pps-pct: #fc5c65;
  --pps-vol: #fd9644;
  --inst-pct: #26de81;
  --inst-vol: #0fb9b1;
  --trend: #f7b731;
  --remainder: #2a2f36;

  /* Rank palette (10 categorical, plus extras for "Other" rotation) */
  --c1:  #2ea8f5;
  --c2:  #f7b731;
  --c3:  #fc5c65;
  --c4:  #45aaf2;
  --c5:  #a55eea;
  --c6:  #26de81;
  --c7:  #fd9644;
  --c8:  #eb3b5a;
  --c9:  #0fb9b1;
  --c10: #778ca3;

  /* Spacing / sizing */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --shadow-tooltip: 0 8px 28px rgba(0, 0, 0, 0.7);
}

/* Categorical palette as a JS-readable array. */
/* Mirror in src/charts/shared.js — keep in sync. */