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

@font-face {
  font-family: 'Inter';
  src: url('https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.19') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: 'Inter';
  src: url('https://rsms.me/inter/font-files/Inter-Bold.woff2?v=3.19') format('woff2');
  font-weight: 700;
}

body {
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* 
  REMOTION HARD-FREEZE 
  We must disable EVERY browser-native transition and animation.
  These run on real-time and will always lag in frame-by-frame renders.
*/
* {
  transition: none !important;
  transition-property: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  animation: none !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;
  animation-iteration-count: 0 !important;
  animation-fill-mode: none !important;
}

/* Ensure no smooth scrolling which fights Remotion */
html {
  scroll-behavior: auto !important;
}