/* Positronics color tokens — copied verbatim from the source design system.
   Dark theme is the default; light theme via :root[data-theme="light"]. */

:root {
  /* Brand — theme-invariant */
  --pf-cyan: #00a9e8;
  --pf-cyan-dark: #0088bb;
  --pf-cyan-dim: rgba(0,169,232,.10);
  --pf-cyan-border: rgba(0,169,232,.3);
}

/* DARK THEME (default) */
:root, :root[data-theme="dark"] {
  --pf-bg-base: #0d1117;
  --pf-bg-sidebar: #0f1520;
  --pf-bg-card: #161c26;
  --pf-bg-surface: #1a2133;
  --pf-border: rgba(255,255,255,0.07);
  --pf-border-md: rgba(255,255,255,0.12);
  --pf-text-p: #e6edf3;
  --pf-text-s: #8b949e;
  --pf-text-t: #484f58;
  --pf-green: #3fb950;
  --pf-green-dim: rgba(63,185,80,.08);
  --pf-amber: #d29922;
  --pf-amber-dim: rgba(210,153,34,.10);
  --pf-red: #e24b4a;
  --pf-red-dim: rgba(226,75,74,.08);
  --pf-text-on-success: #56d364;
  --pf-text-on-warn: #e3b341;
  --pf-text-on-error: #ff7b72;
  --pf-text-on-violet: #c4b5fd;
  --pf-status-error-dim: rgba(226,75,74,.10);
  --pf-status-error-border: rgba(226,75,74,.35);
  --pf-status-success-dim: rgba(63,185,80,.10);
  --pf-status-warn-dim: rgba(210,153,34,.12);
  --pf-violet-dim: rgba(139,92,246,.12);
  --pf-overlay-hover: rgba(255,255,255,.05);
  --pf-overlay-hover-strong: rgba(255,255,255,.08);
  --pf-overlay-tint: rgba(255,255,255,.03);
  --pf-overlay-tint-2: rgba(255,255,255,.02);
  --pf-modal-mask: rgba(0,0,0,.55);
  --pf-shadow-modal: 0 16px 40px rgba(0,0,0,.45);
  --pf-shadow-toast: 0 8px 24px rgba(0,0,0,.35);
  --pf-skeleton-from: rgba(255,255,255,.04);
  --pf-skeleton-to: rgba(255,255,255,.10);
  --pf-tooltip-bg: #000;
  --pf-input-border: rgba(255,255,255,.14);
  --pf-input-border-hover: rgba(255,255,255,.28);
  --pf-input-disabled-bg: rgba(255,255,255,.03);
  --pf-track: rgba(255,255,255,.14);
  --pf-progress-track: rgba(255,255,255,.08);
  --pf-syntax-kw: #ff7b72;
  --pf-syntax-str: #a5d6ff;
  --pf-syntax-cm: #8b949e;
  --pf-syntax-val: #79c0ff;
  --pf-syntax-prop: #ffa657;
  --pf-page-eyebrow-bg: rgba(0,169,232,.08);
  --pf-on-cyan: #fff;
}

/* LIGHT THEME */
:root[data-theme="light"] {
  --pf-bg-base: #f5f7fa;
  --pf-bg-sidebar: #ffffff;
  --pf-bg-card: #ffffff;
  --pf-bg-surface: #f5f7fa;
  --pf-border: rgba(15,21,32,0.08);
  --pf-border-md: rgba(15,21,32,0.14);
  --pf-text-p: #0f1520;
  --pf-text-s: #4a5563;
  --pf-text-t: #8a93a0;
  --pf-green: #1f8a37;
  --pf-green-dim: rgba(31,138,55,.08);
  --pf-amber: #a36500;
  --pf-amber-dim: rgba(163,101,0,.10);
  --pf-red: #c92a2a;
  --pf-red-dim: rgba(201,42,42,.08);
  --pf-text-on-success: #166534;
  --pf-text-on-warn: #92400e;
  --pf-text-on-error: #b91c1c;
  --pf-text-on-violet: #5b21b6;
  --pf-status-error-dim: rgba(201,42,42,.10);
  --pf-status-error-border: rgba(201,42,42,.35);
  --pf-status-success-dim: rgba(31,138,55,.10);
  --pf-status-warn-dim: rgba(163,101,0,.12);
  --pf-violet-dim: rgba(91,33,182,.10);
  --pf-overlay-hover: rgba(15,21,32,.05);
  --pf-overlay-hover-strong: rgba(15,21,32,.08);
  --pf-overlay-tint: rgba(15,21,32,.03);
  --pf-overlay-tint-2: rgba(15,21,32,.02);
  --pf-modal-mask: rgba(15,21,32,.45);
  --pf-shadow-modal: 0 16px 40px rgba(15,21,32,.18);
  --pf-shadow-toast: 0 8px 24px rgba(15,21,32,.12);
  --pf-skeleton-from: rgba(15,21,32,.04);
  --pf-skeleton-to: rgba(15,21,32,.10);
  --pf-tooltip-bg: #0f1520;
  --pf-input-border: rgba(15,21,32,.14);
  --pf-input-border-hover: rgba(15,21,32,.28);
  --pf-input-disabled-bg: rgba(15,21,32,.03);
  --pf-track: rgba(15,21,32,.12);
  --pf-progress-track: rgba(15,21,32,.08);
  --pf-syntax-kw: #b91c1c;
  --pf-syntax-str: #0369a1;
  --pf-syntax-cm: #6b7280;
  --pf-syntax-val: #1d4ed8;
  --pf-syntax-prop: #c2410c;
  --pf-page-eyebrow-bg: rgba(0,169,232,.10);
  --pf-on-cyan: #fff;
}