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

:root {
  /* Primary Colors - Blue */
  --color-primary-50: #E6EBF2;
  --color-primary-100: #C2D1E3;
  --color-primary-200: #9BB4D1;
  --color-primary-300: #7497BF;
  --color-primary-400: #5781B2;
  --color-primary-500: #3A6BA5;
  --color-primary-600: #2E5A8E;
  --color-primary-700: #244977;
  --color-primary-800: #1E3A5F;
  --color-primary-900: #152A47;

  /* Accent Colors - Green */
  --color-accent-50: #EEFBF3;
  --color-accent-100: #D4F5E0;
  --color-accent-200: #A9EBBC;
  --color-accent-300: #7EE19A;
  --color-accent-400: #53D778;
  --color-accent-500: #22C55E;
  --color-accent-600: #1CA04C;
  --color-accent-700: #167A3A;
  --color-accent-800: #105528;
  --color-accent-900: #0A2F16;

  /* Background and Foreground */
  --background: #ffffff;
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: "Inter", sans-serif;
}

@layer base {
  html {
    @apply antialiased;
  }
}