/* Pulse template — dark variant variables */
:root {
  --bg-900: #0a0c0f;
  --bg-800: #0f1117;
  --bg-700: #141720;
  --fg-100: #eceef2;
  --fg-200: #b8bcc8;
  --line: #ff2d6b;
  --line-rgb: 255, 45, 107;
  --line2: #ff6b35;
  --muted: #6b7280;
  --card: #131620;
  --card-2: #0e1018;
  --radius: .875em;
  --gap: 1em;
  --shadow: 0 4px 24px rgba(0,0,0,.45);
  --shadow-2: 0 8px 32px rgba(0,0,0,.55);
  --header-bg: rgba(10,12,15,.88);
  --header-border: rgba(255,45,107,.22);
  --brand-color: #ff2d6b;
  --nav-select-border: rgba(255,255,255,.10);
  --card-border: rgba(255,45,107,.18);
  --card-border-hover: rgba(255,45,107,.55);
  --card-shadow-hover: 0 0 1.25em rgba(255,45,107,.35);
  --status-border: rgba(255,255,255,.10);
  --status-on-color: #22d47a;
  --status-on-border: rgba(34,212,122,.35);
  --status-off-color: #f87171;
  --status-off-border: rgba(248,113,113,.25);
  --footer-border: rgba(255,255,255,.06);
  --btn-border: rgba(255,45,107,.35);
  --btn-hover-bg: rgba(255,45,107,.12);
  --tag-pill-bg: rgba(255,255,255,.04);
  --tag-pill-border: rgba(255,45,107,.22);
  --tag-pill-hover-bg: rgba(255,45,107,.12);
  --tag-pill-reset-color: #f87171;
  --tag-pill-reset-border: rgba(248,113,113,.35);
  --tag-pill-reset-hover-bg: rgba(248,113,113,.08);
  --flag-filter: drop-shadow(0 0 1px rgba(255,255,255,.6));
  --control-radius: .4em;
  --control-padding-y: .4em;
  --control-padding-x: .7em;
  --control-border-width: 1px;
  --control-color: #eceef2;
  --control-bg: #1e2130;
  --input-bg: #1a1d2a;
  --control-hover-bg: #252840;
  --meta-bg: rgba(255,45,107,.08);
  --meta-border: rgba(255,45,107,.22);
  --meta-label-color: #ff2d6b;
  --online-dot: #22d47a;
  --gradient-accent: linear-gradient(135deg, #ff2d6b 0%, #ff6b35 100%);
  --commission-green: #0a8a42;
  --toggle-bg: rgba(255, 255, 255, .12);
  --toggle-border: rgba(255, 255, 255, .2);
  --toggle-knob: var(--fg-100);
}