/* PowerRadar redesign — design tokens (Phase 2)
   Professional trading-terminal aesthetic: dense, high-contrast, monospaced numerics. */

:root {
  /* Surfaces (near-black, cool neutral — not "crypto" navy/purple) */
  --pr-bg: #0b0d0e;
  --pr-surface: #121517;
  --pr-surface-2: #171b1e;
  --pr-surface-3: #1f2427;
  --pr-overlay: rgba(6, 8, 9, 0.72);

  /* Lines */
  --pr-line: #262c30;
  --pr-line-strong: #363e44;
  --pr-grid: rgba(255, 255, 255, 0.06);

  /* Text */
  --pr-text: #e8edf0;
  --pr-text-2: #a7b2b9;
  --pr-text-3: #6d7a82;
  --pr-text-inverse: #0b0d0e;

  /* Semantics — market direction */
  --pr-up: #23c17c;
  --pr-up-dim: rgba(35, 193, 124, 0.14);
  --pr-down: #ff5a52;
  --pr-down-dim: rgba(255, 90, 82, 0.14);
  --pr-flat: #8b969d;

  /* Accent: terminal amber for focus/selection, cyan for interactive data */
  --pr-accent: #f0a52b;
  --pr-accent-dim: rgba(240, 165, 43, 0.16);
  --pr-info: #4bb7e8;
  --pr-info-dim: rgba(75, 183, 232, 0.14);
  --pr-warn: #f0a52b;
  --pr-alert: #ff5a52;
  --pr-stale: #b98a2f;

  /* Series palette (charts, map layers) */
  --pr-series-1: #4bb7e8;
  --pr-series-2: #f0a52b;
  --pr-series-3: #23c17c;
  --pr-series-4: #c98bdb;
  --pr-series-5: #e8e0c0;
  --pr-series-6: #ff8a5c;

  /* Typography */
  --pr-font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --pr-font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --pr-fs-xs: 10.5px;
  --pr-fs-sm: 11.5px;
  --pr-fs-md: 13px;
  --pr-fs-lg: 15px;
  --pr-fs-xl: 19px;
  --pr-fs-num: 13px;
  --pr-fs-num-lg: 22px;

  /* Density scale (tight 4px base) */
  --pr-1: 2px;
  --pr-2: 4px;
  --pr-3: 6px;
  --pr-4: 8px;
  --pr-5: 12px;
  --pr-6: 16px;
  --pr-7: 24px;
  --pr-8: 32px;

  /* Structure */
  --pr-radius: 3px;
  --pr-radius-lg: 5px;
  --pr-header-h: 44px;
  --pr-context-h: 38px;
  --pr-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --pr-focus: 0 0 0 2px var(--pr-accent-dim), 0 0 0 1px var(--pr-accent);
}

/* Secondary low-glare day theme. */
:root[data-pr-theme="light"] {
  --pr-bg: #f2f4f5;
  --pr-surface: #ffffff;
  --pr-surface-2: #f7f9fa;
  --pr-surface-3: #eceff1;
  --pr-overlay: rgba(255, 255, 255, 0.75);
  --pr-line: #d8dee2;
  --pr-line-strong: #b9c3c9;
  --pr-grid: rgba(0, 0, 0, 0.07);
  --pr-text: #12181c;
  --pr-text-2: #46545c;
  --pr-text-3: #71818a;
  --pr-text-inverse: #ffffff;
  --pr-up: #0f8f57;
  --pr-down: #cf2c25;
  --pr-accent: #b06f00;
  --pr-info: #17698f;
}