/**
 * JaneLiveVoice design tokens — single source for theme values.
 * Premium / alternate themes can override :root variables only.
 */
:root {
  --jlv-neon-cyan: #00f0ff;
  --jlv-neon-cyan-secondary: #00e6cc;
  --jlv-neon-pink: #ff2db6;
  --jlv-neon-green: #00ff88;
  --jlv-neon-magenta: #ff66dd;
  --jlv-accent-purple: #8a2ab3;
  --jlv-accent-gold: #ffd100;

  --jlv-bg-primary: #0c121e;
  --jlv-bg-panel: #0f1a28;
  --jlv-bg-elevated: #122030;
  --jlv-bg-deep: #0a0f16;

  --jlv-bg: var(--jlv-bg-primary);
  --jlv-bg-elevated-surface: var(--jlv-bg-elevated);
  --jlv-panel-bg: var(--jlv-bg-panel);
  --jlv-card-bg: rgba(15, 26, 40, 0.88);

  --jlv-border-default: #233244;
  --jlv-border-soft: #1a2330;
  --jlv-border-subtle: #0e1622;
  --jlv-border: rgba(0, 240, 255, 0.18);
  --jlv-border-subtle-rgb: rgba(0, 255, 255, 0.12);

  --jlv-text: #e8f7ff;
  --jlv-text-secondary: #b8c6d6;
  --jlv-text-muted: #6b7a8f;
  --jlv-text-dim: var(--jlv-text-muted);

  --jlv-radius: 14px;
  --jlv-radius-sm: 10px;
  --jlv-radius-card: 12px;

  --jlv-header-height: 64px;
  --jlv-footer-height: 72px;
  --jlv-panel-header-height: 48px;
  --jlv-settings-max-height: min(38vh, 280px);
  --jlv-pod-min-height: 72px;
  --jlv-pod-pad-x: 12px;
  --jlv-pod-pad-y: 10px;
  --jlv-control-gap: 10px;

  --jlv-font: "Segoe UI", sans-serif;
  --jlv-gap: 14px;
  --jlv-blur: blur(10px);
}