@import "tailwindcss";

@theme {
  --font-sans: var(--font-inter), sans-serif;
  --font-mono: var(--font-jetbrains-mono), monospace;

  /* Core surfaces */
  --color-aegis-bg-deep: #050814;
  --color-aegis-bg: #020617;
  --color-aegis-panel: #0B1020;
  --color-aegis-panel-2: #111827;
  --color-aegis-panel-3: #0E1223;
  --color-aegis-input: #0F172A;
  --color-aegis-terminal: #000810;
  --color-aegis-muted: #1A1E2F;

  /* Borders */
  --color-aegis-border: #1E293B;
  --color-aegis-border-hi: #334155;
  --color-aegis-border-grid: #243044;
  --color-aegis-border-purple: rgba(139, 92, 246, 0.35);
  --color-aegis-border-blue: rgba(59, 130, 246, 0.40);
  --color-aegis-border-green: rgba(34, 197, 94, 0.30);
  --color-aegis-border-amber: rgba(245, 158, 11, 0.30);
  --color-aegis-border-red: rgba(239, 68, 68, 0.30);

  /* Foreground / text */
  --color-aegis-fg: #F8FAFC;
  --color-aegis-fg-2: #E5E7EB;
  --color-aegis-fg-muted: #94A3B8;
  --color-aegis-fg-dim: #64748B;
  --color-aegis-fg-faint: #475569;

  /* Semantic accents */
  --color-aegis-purple: #8B5CF6;
  --color-aegis-purple-soft: #C4B5FD;
  --color-aegis-blue: #3B82F6;
  --color-aegis-blue-soft: #93C5FD;
  --color-aegis-green: #22C55E;
  --color-aegis-green-soft: #86EFAC;
  --color-aegis-amber: #F59E0B;
  --color-aegis-amber-soft: #FCD34D;
  --color-aegis-red: #EF4444;
  --color-aegis-red-soft: #FCA5A5;
  --color-aegis-purple-deep: #7C3AED;

  /* Tinted fills */
  --color-aegis-tint-purple: rgba(139, 92, 246, 0.12);
  --color-aegis-tint-blue: rgba(59, 130, 246, 0.10);
  --color-aegis-tint-green: rgba(34, 197, 94, 0.10);
  --color-aegis-tint-amber: rgba(245, 158, 11, 0.10);
  --color-aegis-tint-red: rgba(239, 68, 68, 0.10);

  /* Animations */
  --animate-aegis-blink: aegis-blink 2s infinite;
  --animate-aegis-blink-fast: aegis-blink 1s infinite;
}

@layer base {
  body {
    background: var(--color-aegis-bg-deep);
    color: var(--color-aegis-fg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@keyframes aegis-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}

/* Custom scrollbar matching your design */
*::-webkit-scrollbar { width: 4px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--color-aegis-border); border-radius: 10px; }