/**
 * Beaglei design system — keep in sync with
 * frontend/decision-dashboard/src/tokens.css
 *
 * Premium dark fintech: signal green + intelligence purple on deep charcoal.
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root,
body {
  /* Brand */
  --beaglei-bg: #0b0f14;
  --beaglei-card: #121821;
  --beaglei-primary: #39ff14;
  --beaglei-primary-hover: #5cff3d;
  --beaglei-secondary-green: #2effa3;
  --beaglei-purple: #7a5cff;
  --beaglei-border: #1f2933;
  --beaglei-glow-green: rgba(57, 255, 20, 0.22);
  --beaglei-glow-purple: rgba(122, 92, 255, 0.2);
  /* Primary UI accent = neon signal */
  --accent: var(--beaglei-primary);
  --accent-hover: var(--beaglei-primary-hover);
  --accent-dim: rgba(57, 255, 20, 0.14);
  --accent-border: rgba(57, 255, 20, 0.38);
  --accent-on-primary: #0b0f14;
  --intel-positive: var(--beaglei-secondary-green);
  --intel-negative: #f87171;
  --intel-info: #7a5cff;
  /* Surfaces (Nansen-style depth) */
  --terminal-bg-void: #080b10;
  --terminal-bg: #0b0f14;
  --terminal-surface: #0e141c;
  --terminal-raised: #121821;
  --terminal-border: rgba(31, 41, 51, 0.9);
  --terminal-border-muted: rgba(31, 41, 51, 0.55);
  --terminal-tab-active: var(--beaglei-primary);
  --terminal-tab-active-dim: rgba(57, 255, 20, 0.12);
  --intel-bg-deep: #080b10;
  --intel-bg: #0b0f14;
  --intel-surface: #0e141c;
  --intel-raised: #121821;
  --intel-border: #1f2933;
  --intel-border-strong: #2a3544;
  --intel-text: #f4f7fa;
  --intel-text-secondary: #a8b3bf;
  --intel-text-tertiary: #8490a0;
  --intel-radius-sm: 8px;
  --intel-radius: 10px;
  --intel-radius-lg: 12px;
  --intel-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --intel-glass: linear-gradient(
    145deg,
    rgba(22, 30, 40, 0.55) 0%,
    rgba(14, 20, 28, 0.72) 100%
  );
  --intel-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --intel-mono: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;
  /* Legacy “lens” hooks → map to Beaglei glows (use sparingly) */
  --lens-cyan: var(--beaglei-secondary-green);
  --lens-cyan-dim: rgba(46, 255, 163, 0.14);
  --lens-magenta: var(--beaglei-purple);
  --lens-magenta-dim: rgba(122, 92, 255, 0.12);
  --lens-gradient: linear-gradient(118deg, #39ff14 0%, #2effa3 40%, #7a5cff 100%);
  --lens-gradient-soft: linear-gradient(118deg, rgba(57, 255, 20, 0.2) 0%, rgba(122, 92, 255, 0.18) 100%);
  --lens-text: #f4f7fa;
  --lens-glow-cyan: rgba(46, 255, 163, 0.14);
  --lens-glow-magenta: rgba(122, 92, 255, 0.16);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body[data-theme='ai'] {
  --accent: #22d3ee;
  --accent-hover: #06b6d4;
  --accent-dim: rgba(34, 211, 238, 0.12);
  --accent-border: rgba(34, 211, 238, 0.35);
  --accent-on-primary: #0b0f14;
}
body[data-theme='dog'] {
  --accent: #e8b44c;
  --accent-hover: #d4a02a;
  --accent-dim: rgba(232, 180, 76, 0.1);
  --accent-border: rgba(232, 180, 76, 0.32);
  --accent-on-primary: #0b0f14;
}
body[data-theme='cat'] {
  --accent: #a78bfa;
  --accent-hover: #8b5cf6;
  --accent-dim: rgba(167, 139, 250, 0.12);
  --accent-border: rgba(167, 139, 250, 0.35);
  --accent-on-primary: #0b0f14;
}
body[data-theme='frog'] {
  --accent: #4ade80;
  --accent-hover: #22c55e;
  --accent-dim: rgba(74, 222, 128, 0.12);
  --accent-border: rgba(74, 222, 128, 0.35);
  --accent-on-primary: #0b0f14;
}
body[data-theme='trump'] {
  --accent: #f97316;
  --accent-hover: #ea580c;
  --accent-dim: rgba(249, 115, 22, 0.12);
  --accent-border: rgba(249, 115, 22, 0.35);
  --accent-on-primary: #0b0f14;
}
body[data-theme='gaming'] {
  --accent: #60a5fa;
  --accent-hover: #3b82f6;
  --accent-dim: rgba(96, 165, 250, 0.12);
  --accent-border: rgba(96, 165, 250, 0.35);
  --accent-on-primary: #0b0f14;
}
body[data-theme='solana'] {
  --accent: #9945ff;
  --accent-hover: #7c3aed;
  --accent-dim: rgba(153, 69, 255, 0.12);
  --accent-border: rgba(153, 69, 255, 0.35);
  --accent-on-primary: #f4f7fa;
}
body[data-theme='agent'] {
  --accent: #94a3b8;
  --accent-hover: #64748b;
  --accent-dim: rgba(148, 163, 184, 0.12);
  --accent-border: rgba(148, 163, 184, 0.35);
  --accent-on-primary: #0b0f14;
}

body.intel-shell {
  background:
    radial-gradient(ellipse 90% 55% at 10% -10%, var(--beaglei-glow-green), transparent 42%),
    radial-gradient(ellipse 80% 50% at 100% 105%, var(--beaglei-glow-purple), transparent 48%),
    linear-gradient(180deg, var(--terminal-bg-void) 0%, var(--intel-bg) 55%, var(--intel-bg) 100%);
  color: var(--intel-text);
  font-family: var(--intel-font);
  font-size: 13px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}