@import "tailwindcss";

@theme {
  /* Brand palette (used across UI) */
  --color-brand-200: #c7d2fe;
  --color-brand-500: #2563eb;
  --color-brand-600: #1d4ed8;
  --color-brand-700: #1e40af;
  --color-brand-800: #1e3a8a;
  --color-brand-900: #172554;

  /* Sidebar palette */
  --color-sidebar-500: #0b1f3a;
  --color-sidebar-600: #091a31;
  --color-sidebar-700: #071429;

  /* Accent palette (highlights/badges) */
  --color-accent-50: #fffbeb;
  --color-accent-200: #fde68a;
  --color-accent-400: #fbbf24;
  --color-accent-500: #f59e0b;
  --color-accent-600: #d97706;
}

:root {
  --background: #ffffff;
  --foreground: #0a0a0a;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
}