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

@layer base {
  :root {
    --color-primary: #3B82F6;
    --color-bg: #0c1324;
    --color-surface: #151b2d;
    --color-border: rgba(148, 163, 184, 0.1);
    --color-text: #F8FAFC;
    --color-text-muted: #94A3B8;
  }
}

/* Prevent Browser Autofill CSS Overrides in Dark Theme */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #f8fafc !important;
  -webkit-box-shadow: 0 0 0px 1000px #0c1324 inset !important;
  transition: background-color 50000s ease-in-out 0s !important;
  caret-color: #f8fafc !important;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
  margin: 0;
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
}