@import 'tailwindcss';

@theme default {
  --font-body: 'Inter', sans-serif;
  --font-playfair-display: 'Playfair Display', serif;
  --font-satisfy: 'Satisfy', sans-serif;

  --color-primary: #e40201;
  --color-primary-faded: #ffeded;
  --color-primary-subtle: #ffb3b3;
  --color-primary-darker: #be0100;
  --color-white: #ffffff;
  --color-gray: oklch(37.3% 0.034 259.733);
  --color-gray-dark: #b56e6e;
  --color-black: #0d0d0d;

  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
}

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

@media screen and (max-width: 767px) {
  [data-aos] {
    pointer-events: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
}