@import "tailwindcss";
/* @config '../../../config/tailwind.config.js'; */
@custom-variant dark (&:where(.dark, .dark *));

@font-face{
  font-family: 'Raleway';
  src: url("/assets/Raleway-VariableFont_wght-7a79225e.ttf") format('truetype');
}

@theme {
  --color-discord: #9656ce;
  --color-google: #4285d4;
  --color-telegram: #24a1de;

  --color-mcogray: #0C1019;
  --color-darkblue: #2b4d69;
  --color-gold: #a57936;
  --color-midblue: #3b6f91;
  --color-lightgold: #e5c58a;
  --color-darkbronze: #715836;

  --color-primary-50: #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-200: #bfdbfe;
  --color-primary-300: #e5c58a;
  --color-primary-400: #60a5fa;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2b4d69;
  --color-primary-700: #2b4d69;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;
  --color-primary-950: #172554;

  --background-image-main: url("/assets/background-e6a1b39a.png");

  --font-sans: "Raleway", sans-serif;
}