@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/preflight.css" layer(base);
@import "tailwindcss/utilities.css";

@import "nativewind/theme";

@theme {
  --font-inter: "Inter", sans-serif;
  --color-primaryPurple: #49385d;
  --color-primaryPurpleLight: #a78fa1;
  --color-primaryPurpleDark: #6750a4;
  --color-darkGray: #49454f;
  --color-darkMediumGray: #7a757c;
  --color-mediumGray: #c4bebe;
  --color-lightGray: #d9d9d9;
  --color-secondary: #b768ff;
  --color-tertiary: #2e1155;
  --color-accent: #ff00ff;
  --color-background: #1e0933;
  --color-highRisk: #f83434;
  --color-mediumRisk: #f8f834;
  --color-lowRisk: #22c927;
  --color-orange: #ff9800;
  --color-blue: #56b3fa;
}