@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
    /* Font Family Definitions */
  --font-family-poppins: var(--font-poppins), sans-serif;
  --font-family-roboto: var(--font-roboto), sans-serif;
}

@theme {
  /* Color Variables */
  --color-brand-blue: #0B99FF;
  --color-switcher-bg: #F5F5F5;
  --color-active-blue: #293893;
  --color-inactive-gray: #5F5F5F;
  --color-hero-desc: #171F51;
  --color-hero-stat: #0D1230;
  --color-deep-blue: #293893;
  --color-feature-active: #F15A0A;
  --color-feature-inactive: #0D1230;

}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #ffffff;
    --foreground: #000000;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-family-poppins);
}