@import "tailwindcss";

@theme {
  --color-background: #0a0a0f;
  --color-surface: #131320;
  --color-surface-border: #1e293b;
  --color-cyber-400: #60a5fa;
  --color-cyber-500: #3b82f6;
  --color-cyber-600: #2563eb;
  --color-soc-400: #22d3ee;
  --color-soc-500: #06b6d4;
  --color-purple-400: #a78bfa;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-critical: #ef4444;
  --color-text-primary: #e2e8f0;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

html { scroll-behavior: smooth; }

body {
  background-color: var(--color-background);
  color: var(--color-text-primary);
  font-family: var(--font-sans);
  min-height: 100vh;
}

.glass-panel {
  background-color: var(--color-surface);
  border: 1px solid var(--color-surface-border);
  border-radius: 0.75rem;
}

.gradient-text {
  background: linear-gradient(to right, var(--color-cyber-400), var(--color-soc-400));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}