/* You can add global styles to this file, and also import other style files */

@import 'tailwindcss';

@import '@fontsource/inter';
@import "@fontsource/inter/800.css";

@theme {
  --breakpoint-xs: 30rem;

  --color-ejc-blue: #153255;
  --color-ejc-yellow: #ffd24f;
  --color-ejc-dark-blue: #111c4e;
  --color-ejc-orange: #efab46;
  --color-ejc-light-blue: #3d4985;
  --color-ejc-dark: #011111;

  --font-sans:
    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
}

html {
  overflow-x: hidden;
}