@import 'tailwindcss';
@import './old';

:root {
  --background: #ffffff;
  --foreground: #171717;
  --font-bangla: 'Hind Siliguri', sans-serif;
  --font-english: 'Playfair Display', serif;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-bangla: var(--font-bangla);
  --font-english: var(--font-english);
  --animate-ticker: ticker 30s linear infinite;
  --animate-fade-in: fadeIn 0.8s ease-out forwards;

  @keyframes ticker {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-bangla);
}