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

@media (prefers-color-scheme: light) {
  :root {
    /* Define the background and foreground for light theme */
    --background: #ffffff;  /* White background */
    --foreground: #121926;  /* Text color: #121926 */
  }
}

html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Nohemi';
  src: url('/fonts/Nohemi/Nohemi-Medium.woff2') format('woff2');
  font-weight: 600; 
  font-style: normal;
}

@font-face {
  font-family: 'Nohemi';
  src: url('/fonts/Nohemi/Nohemi-SemiBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('/fonts/Neue-Montreal/NeueMontreal-Regular.woff2') format('woff2');
  font-weight: 400; 
  font-style: normal;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('/fonts/Neue-Montreal/NeueMontreal-Medium.woff2') format('woff2');
  font-weight: 500; 
  font-style: normal;
}

body {
  font-family: 'Neue Montreal', sans-serif;
}