/* =============================================================
   BotIdentifier — Design Tokens (CSS Custom Properties)
   Generated from design-system/tokens.json
   Dark mode is DEFAULT.  Light mode via media query + .bi-light.
   ============================================================= */

:root {
  /* ── Brand ───────────────────────────────────────────── */
  --bi-brand-primary:       #6366f1;
  --bi-brand-primary-hover: #818cf8;
  --bi-brand-primary-muted: rgba(99,102,241,0.12);
  --bi-brand-accent:        #22d3ee;
  --bi-brand-accent-muted:  rgba(34,211,238,0.12);

  /* ── Surfaces (dark default) ─────────────────────────── */
  --bi-bg-base:      #0b0f19;
  --bi-bg-surface:   #111827;
  --bi-bg-raised:    #1f2937;
  --bi-bg-overlay:   #374151;
  --bi-bg-input:     #1f2937;

  /* ── Borders ─────────────────────────────────────────── */
  --bi-border:          #1f2937;
  --bi-border-subtle:   #374151;
  --bi-border-emphasis: #4b5563;

  /* ── Text ────────────────────────────────────────────── */
  --bi-text-primary:   #f9fafb;
  --bi-text-secondary: #9ca3af;
  --bi-text-tertiary:  #6b7280;
  --bi-text-disabled:  #4b5563;

  /* ── Score Bands ─────────────────────────────────────── */
  --bi-score-insufficient: #6b7280;
  --bi-score-low:          #fbbf24;
  --bi-score-moderate:     #f97316;
  --bi-score-high:         #ef4444;
  --bi-score-confirmed:    #991b1b;

  /* ── Confidence ──────────────────────────────────────── */
  --bi-confidence-none:   #6b7280;
  --bi-confidence-low:    #f87171;
  --bi-confidence-medium: #fbbf24;
  --bi-confidence-high:   #34d399;

  /* ── Semantic ────────────────────────────────────────── */
  --bi-success: #34d399;
  --bi-warning: #fbbf24;
  --bi-error:   #f87171;
  --bi-info:    #60a5fa;

  /* ── Typography ──────────────────────────────────────── */
  --bi-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --bi-font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', monospace;

  /* ── Spacing (4px grid) ──────────────────────────────── */
  --bi-space-1:   4px;
  --bi-space-2:   8px;
  --bi-space-3:  12px;
  --bi-space-4:  16px;
  --bi-space-5:  20px;
  --bi-space-6:  24px;
  --bi-space-8:  32px;
  --bi-space-10: 40px;
  --bi-space-12: 48px;
  --bi-space-16: 64px;
  --bi-space-20: 80px;

  /* ── Radius ──────────────────────────────────────────── */
  --bi-radius-none: 0;
  --bi-radius-sm:   4px;
  --bi-radius-md:   8px;
  --bi-radius-lg:  12px;
  --bi-radius-xl:  16px;
  --bi-radius-full: 9999px;

  /* ── Shadows ─────────────────────────────────────────── */
  --bi-shadow-sm: 0 1px 2px rgba(0,0,0,0.30);
  --bi-shadow-md: 0 2px 8px rgba(0,0,0,0.30);
  --bi-shadow-lg: 0 8px 24px rgba(0,0,0,0.40);
  --bi-shadow-xl: 0 16px 48px rgba(0,0,0,0.50);

  /* ── Motion ──────────────────────────────────────────── */
  --bi-duration-fast:   150ms;
  --bi-duration-normal: 200ms;
  --bi-duration-slow:   300ms;
  --bi-easing:          cubic-bezier(0.4, 0, 0.2, 1);
  --bi-transition:      var(--bi-duration-normal) var(--bi-easing);

  /* ── Layout ──────────────────────────────────────────── */
  --bi-max-width:    1120px;
  --bi-cockpit-gap:  16px;

  /* ── Platform Colors ─────────────────────────────────── */
  --bi-platform-twitter:      #000;
  --bi-platform-facebook:     #1877f2;
  --bi-platform-instagram:    #e4405f;
  --bi-platform-tiktok:       #010101;
  --bi-platform-reddit:       #ff4500;
  --bi-platform-telegram:     #0088cc;
  --bi-platform-youtube:      #ff0000;
  --bi-platform-mastodon:     #6364ff;
  --bi-platform-bluesky:      #0085ff;
  --bi-platform-linkedin:     #0a66c2;
  --bi-platform-threads:      #000;
  --bi-platform-discord:      #5865f2;
  --bi-platform-truth-social: #5448ee;
}

/* ── Light Mode ─────────────────────────────────────────── */
@media (prefers-color-scheme: light) {
  :root:not(.bi-dark) {
    --bi-bg-base:      #f8fafc;
    --bi-bg-surface:   #ffffff;
    --bi-bg-raised:    #f1f5f9;
    --bi-bg-overlay:   #e2e8f0;
    --bi-bg-input:     #ffffff;

    --bi-border:          #e2e8f0;
    --bi-border-subtle:   #f1f5f9;
    --bi-border-emphasis: #cbd5e1;

    --bi-text-primary:   #111827;
    --bi-text-secondary: #4b5563;
    --bi-text-tertiary:  #9ca3af;
    --bi-text-disabled:  #d1d5db;

    --bi-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --bi-shadow-md: 0 2px 8px rgba(0,0,0,0.08);
    --bi-shadow-lg: 0 8px 24px rgba(0,0,0,0.10);
    --bi-shadow-xl: 0 16px 48px rgba(0,0,0,0.14);

    --bi-brand-primary:       #4f46e5;
    --bi-brand-primary-hover: #6366f1;
    --bi-brand-primary-muted: rgba(79,70,229,0.08);
  }
}

/* Force light mode class */
.bi-light {
  --bi-bg-base:      #f8fafc;
  --bi-bg-surface:   #ffffff;
  --bi-bg-raised:    #f1f5f9;
  --bi-bg-overlay:   #e2e8f0;
  --bi-bg-input:     #ffffff;
  --bi-border:          #e2e8f0;
  --bi-border-subtle:   #f1f5f9;
  --bi-border-emphasis: #cbd5e1;
  --bi-text-primary:   #111827;
  --bi-text-secondary: #4b5563;
  --bi-text-tertiary:  #9ca3af;
  --bi-text-disabled:  #d1d5db;
  --bi-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --bi-shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --bi-shadow-lg: 0 8px 24px rgba(0,0,0,0.10);
  --bi-shadow-xl: 0 16px 48px rgba(0,0,0,0.14);
  --bi-brand-primary:       #4f46e5;
  --bi-brand-primary-hover: #6366f1;
  --bi-brand-primary-muted: rgba(79,70,229,0.08);
}

/* Force dark mode class */
.bi-dark {
  --bi-bg-base:      #0b0f19;
  --bi-bg-surface:   #111827;
  --bi-bg-raised:    #1f2937;
  --bi-bg-overlay:   #374151;
  --bi-bg-input:     #1f2937;
  --bi-border:          #1f2937;
  --bi-border-subtle:   #374151;
  --bi-border-emphasis: #4b5563;
  --bi-text-primary:   #f9fafb;
  --bi-text-secondary: #9ca3af;
  --bi-text-tertiary:  #6b7280;
  --bi-text-disabled:  #4b5563;
  --bi-shadow-sm: 0 1px 2px rgba(0,0,0,0.30);
  --bi-shadow-md: 0 2px 8px rgba(0,0,0,0.30);
  --bi-shadow-lg: 0 8px 24px rgba(0,0,0,0.40);
  --bi-shadow-xl: 0 16px 48px rgba(0,0,0,0.50);
  --bi-brand-primary:       #6366f1;
  --bi-brand-primary-hover: #818cf8;
  --bi-brand-primary-muted: rgba(99,102,241,0.12);
}