@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --font-sans: var(--font-inter);
}

body {
  font-family: var(--font-inter), sans-serif;
}

:root {
  --background: 210 20% 98%;
  --surface: 0 0% 100%;
  --foreground: 222 20% 12%;
  --border: 214 15% 89%;
  --muted: 210 20% 96%;
  --muted-foreground: 215 12% 45%;
  --primary: 221 70% 52%;
  --primary-foreground: 0 0% 100%;
  --danger: 0 72% 51%;
  --danger-foreground: 0 0% 100%;
  --success: 152 60% 36%;
  --warning: 38 92% 50%;

  /* Destructive (Red) */
  --destructive: 0 72% 51%;
  --destructive-foreground:0 0% 100%;
}

.dark {
  --background: 222 25% 8%;
  --surface: 222 22% 11%;
  --foreground: 210 20% 96%;
  --border: 217 19% 20%;
  --muted: 217 19% 15%;
  --muted-foreground: 215 12% 62%;
  --primary: 221 83% 63%;
  --primary-foreground: 222 25% 8%;
  --danger: 0 72% 60%;
  --danger-foreground: 0 0% 100%;
  --success: 152 55% 45%;
  --warning: 38 92% 55%;

  /* Destructive Dark Mode */
  --destructive: 0 72% 60%;
  --destructive-foreground: 0 0% 100%;
}

* {
  border-color: hsl(var(--border));
}

body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

/* Dense table look, consistent across ERP-style modules */
.table-dense th,
.table-dense td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}