@import "tailwindcss";

@theme {
  /* Brand — Indigo-Violet gradient feel */
  --color-primary-50:  #eef2ff;
  --color-primary-100: #e0e7ff;
  --color-primary-200: #c7d2fe;
  --color-primary-500: #6366f1;
  --color-primary-600: #4f46e5;
  --color-primary-700: #4338ca;

  /* Neutral — Slate */
  --color-surface:     #f8fafc;
  --color-surface-2:   #f1f5f9;
  --color-border:      #e2e8f0;
  --color-text-primary:   #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted:     #94a3b8;

  /* Sidebar */
  --color-sidebar-bg:     #1e1b4b;
  --color-sidebar-text:   #c7d2fe;
  --color-sidebar-active: #6366f1;
  --color-sidebar-hover:  #312e81;

  /* Status Colors */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger:  #ef4444;
  --color-info:    #3b82f6;

  /* Accent */
  --color-accent-gold: #d97706;

  /* Font */
  --font-inter: "Inter", system-ui, sans-serif;
}

@layer base {
  body {
    @apply font-inter text-sm antialiased text-text-primary bg-surface;
  }

  h1 { @apply text-2xl font-semibold text-text-primary; }
  h2 { @apply text-xl font-semibold text-text-primary; }
  h3 { @apply text-base font-semibold text-text-primary; }
}