/*
 * Design Tokens — Botcrawl GP Child
 *
 * ThreatForge-inspired dark cybersecurity palette rebuilt as
 * CSS custom properties. All other stylesheets reference these
 * variables exclusively so the design system stays portable.
 *
 * Naming convention: --bc-{category}-{variant}
 */

:root {
  /* ── Backgrounds ─────────────────────────────────────────── */
  --bc-bg:          #0a0e17;
  --bc-bg-soft:     #0f1520;
  --bc-bg-card:     #111827;
  --bc-bg-card-alt: #1a2332;
  --bc-bg-elevated: #1e293b;
  --bc-bg-input:    #0d1117;

  /* ── Text ────────────────────────────────────────────────── */
  --bc-text:        #e2e8f0;
  --bc-text-soft:   #94a3b8;
  --bc-text-dim:    #64748b;
  --bc-text-strong: #f1f5f9;

  /* ── Accent — Cyan (primary interactive) ─────────────────── */
  --bc-cyan:        #22d3ee;
  --bc-cyan-glow:   rgba(34, 211, 238, 0.25);
  --bc-cyan-border: rgba(34, 211, 238, 0.28);

  /* ── Accent — Red (alerts, danger, CTAs) ─────────────────── */
  --bc-red:         #ef4444;
  --bc-red-glow:    rgba(239, 68, 68, 0.25);
  --bc-red-border:  rgba(239, 68, 68, 0.28);

  /* ── Status colours ──────────────────────────────────────── */
  --bc-green:       #22c55e;
  --bc-green-glow:  rgba(34, 197, 94, 0.25);
  --bc-amber:       #f59e0b;
  --bc-purple:      #a855f7;
  --bc-blue:        #3b82f6;

  /* ── Borders ─────────────────────────────────────────────── */
  --bc-line:        #1e293b;
  --bc-line-hover:  #334155;

  /* ── Radius ──────────────────────────────────────────────── */
  --bc-radius-xs:   4px;
  --bc-radius-sm:   6px;
  --bc-radius:      10px;
  --bc-radius-lg:   14px;
  --bc-radius-xl:   18px;

  /* ── Shadows ─────────────────────────────────────────────── */
  --bc-shadow-sm:   0 2px 6px rgba(0, 0, 0, 0.25);
  --bc-shadow:      0 6px 16px rgba(0, 0, 0, 0.35);
  --bc-shadow-lg:   0 12px 32px rgba(0, 0, 0, 0.45);
  --bc-glow-cyan:   0 0 24px rgba(34, 211, 238, 0.18), 0 0 48px rgba(34, 211, 238, 0.08);
  --bc-glow-red:    0 0 24px rgba(239, 68, 68, 0.18), 0 0 48px rgba(239, 68, 68, 0.08);

  /* ── Typography ──────────────────────────────────────────── */
  --bc-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bc-font-display: 'Orbitron', 'Inter', sans-serif;
  --bc-font-mono:    'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  /* ── Layout ──────────────────────────────────────────────── */
  --bc-max:          1400px;
  --bc-content:      820px;
  --bc-sidebar:      340px;
  --bc-header-h:     68px;

  /* ── Transitions ─────────────────────────────────────────── */
  --bc-ease:         0.2s ease;
  --bc-ease-slow:    0.4s ease;
}

/* ── Light mode (optional, for future toggle support) ─────── */
body.botcrawl-light {
  --bc-bg:          #f8fafc;
  --bc-bg-soft:     #f1f5f9;
  --bc-bg-card:     #ffffff;
  --bc-bg-card-alt: #f8fafc;
  --bc-bg-elevated: #ffffff;
  --bc-bg-input:    #f1f5f9;
  --bc-text:        #0f172a;
  --bc-text-soft:   #475569;
  --bc-text-dim:    #94a3b8;
  --bc-text-strong: #0f172a;
  --bc-line:        #e2e8f0;
  --bc-line-hover:  #cbd5e1;
  --bc-shadow:      0 4px 12px rgba(0, 0, 0, 0.08);
  --bc-shadow-lg:   0 10px 24px rgba(0, 0, 0, 0.12);
}