@import "tailwindcss";

@theme {
  --color-bg: #0a0a0f;
  --color-s1: #111117;
  --color-s2: #16161e;
  --color-s3: #1c1c26;
  --color-b1: rgba(255,255,255,0.06);
  --color-b2: rgba(255,255,255,0.10);
  --color-t1: #f0f0f5;
  --color-t2: #8888a0;
  --color-t3: #44445a;
  --color-akzent: #4f8ef7;
  --color-success: #3ecf8e;
  --color-warning: #f5a623;
  --color-danger: #f05252;

  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

@layer utilities {
  .dot-pulse { animation: clupilot-pulse 2s infinite; }
  @keyframes clupilot-pulse { 0%,100%{opacity:1} 50%{opacity:.3} }
}