/* pm-tokens.css — every colour the Hub uses, in one place.
 *
 * Pages, scripts and components use these tokens instead of colour literals, so
 * a theme only has to change values here: the defaults below are the original
 * dark palette (the Classic theme), pm-theme-professional.css and
 * pm-theme-light.css override them.
 *
 * The *-rgb tokens are comma-separated channels for translucent colours, used as
 * rgba(var(--pm-ink-rgb), 0.08). Canvas and chart code, where CSS variables do
 * not work, reads them with pmTheme.color('--pm-muted') from js/pm-ui.js.
 */
:root {
  /* Surfaces */
  --pm-bg: #0f1723;
  --pm-bg-soft: #141f2d;
  --pm-panel: #1a2a3d;
  --pm-page-top: #0b121c;
  --pm-page-glow-1: #1f3c5c;
  --pm-page-glow-2: #2f2a55;
  --pm-surface-top: rgba(23, 37, 53, 0.95);
  --pm-surface-bottom: rgba(18, 31, 46, 0.95);
  --pm-hero-top: rgba(39, 66, 96, 0.9);
  --pm-hero-bottom: rgba(27, 44, 63, 0.85);
  --pm-kpi-top: rgba(40, 61, 90, 0.84);
  --pm-kpi-bottom: rgba(25, 41, 60, 0.9);
  --pm-navbar-bg: rgba(11, 18, 28, 0.9);
  --pm-popover: #12161d;
  --pm-popover-glass: rgba(16, 25, 38, 0.98);
  --pm-code-bg: rgba(8, 14, 22, 0.85);
  --pm-overlay: rgba(5, 8, 13, 0.62);
  --pm-preview-bg: #0b1118;
  --pm-map-bg: #0b0f14;
  --pm-map-marker: #6c7a89;
  /* The terminal is a dark xterm in every theme, so its frame is too. */
  --pm-terminal-bg: #0f1723;

  /* Lines */
  --pm-border: #28405a;
  --pm-border-strong: #38424f;

  /* Text */
  --pm-text: #e8f1ff;
  --pm-muted: #a8bbd5;
  --pm-soft-text: #8b98aa;
  --pm-title-from: #ffffff;
  --pm-title-via: #cfe9ff;
  --pm-link: #7fd4ff;
  --pm-link-hover: #a7e3ff;

  /* Accents */
  --pm-brand: #4dd8b3;
  --pm-warning: #f7b548;
  --pm-danger: #ff6f61;
  --pm-accent: #8ab4ff;
  --pm-cyan: #46c7d8;
  --pm-yellow: #e6c84a;
  --pm-blue-fill: #4c8bf5;

  /* Status text */
  --pm-ok-text: #9df7dd;
  --pm-ok-text-strong: #6ee7b7;
  --pm-ok-accent: #4dd8b3;
  --pm-info-text: #c5e4ff;
  --pm-neutral-text: #c4d2e6;
  --pm-warn-text: #ffd98a;
  --pm-bad-text: #ff9e95;
  --pm-bad-text-soft: #ffb8b0;
  --pm-bad-text-strong: #ff8a7e;
  --pm-violet-text: #c9b6f7;

  /* Status fills, and the text that sits on them */
  --pm-ok-fill: #4dd8b3;
  --pm-ok-fill-hover: #6fe3c4;
  --pm-warn-fill: #ffd98a;
  --pm-bad-fill: #ff6f61;
  --pm-bad-fill-2: #ff4d6d;
  --pm-amber: #f7b548;
  --pm-amber-2: #ff9e57;
  --pm-star: #ffcf56;
  --pm-star-off: #5b6b80;
  --pm-on-fill: #0b121c;
  --pm-on-accent: #0b121c;
  --pm-on-accent-rgb: 11, 26, 46;
  --pm-on-brand: #052018;
  --pm-on-danger: #2c0805;

  /* Translucent channels */
  --pm-ink-rgb: 255, 255, 255;
  --pm-field-rgb: 13, 22, 33;
  --pm-well-rgb: 0, 0, 0;
  --pm-shadow-rgb: 0, 0, 0;
  --pm-ok-rgb: 77, 216, 179;
  --pm-mint-rgb: 157, 247, 221;
  --pm-teal-rgb: 70, 207, 174;
  --pm-accent-rgb: 138, 180, 255;
  --pm-info-rgb: 125, 188, 255;
  --pm-neutral-rgb: 168, 187, 213;
  --pm-steel-rgb: 120, 166, 210;
  --pm-steel-2-rgb: 73, 111, 148;
  --pm-warn-rgb: 255, 217, 138;
  --pm-amber-rgb: 247, 181, 72;
  --pm-bad-rgb: 255, 111, 97;
  --pm-bad-2-rgb: 255, 107, 107;
  --pm-red-rgb: 240, 101, 90;
  --pm-violet-rgb: 159, 122, 234;
  --pm-violet-2-rgb: 217, 167, 255;
  --pm-slate-rgb: 139, 152, 170;
}