@import url('../assets/styles-Ct7pueai.css');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;600;700;800&display=swap');

:root {
  --radius: 0.375rem;
  --background: oklch(98.5% 0.004 84);
  --foreground: oklch(20.5% 0.014 25);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(12.9% 0.042 264.695);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(12.9% 0.042 264.695);
  --primary: oklch(53% 0.218 27);
  --primary-foreground: oklch(99% 0.002 84);
  --secondary: oklch(27% 0.053 16);
  --secondary-foreground: oklch(99% 0.002 84);
  --muted: oklch(94.5% 0.007 78);
  --muted-foreground: oklch(45% 0.015 30);
  --accent: oklch(86% 0.17 91);
  --accent-foreground: oklch(23% 0.02 30);
  --campaign-deep: oklch(24% 0.075 18);
  --campaign-soft: oklch(96.5% 0.02 35);
  --campaign-gold: oklch(78% 0.17 76);
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Archivo Black", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background-color: var(--background);
  color: var(--foreground);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.font-display {
  font-family: var(--font-display) !important;
}

/* Carousel smooth slide transition */
.carousel-track {
  display: flex;
  height: 100%;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  touch-action: pan-y;
  user-select: none;
}

.carousel-track.dragging {
  transition: none;
  cursor: grabbing;
}

/* Ensure images cannot be dragged accidentally */
.carousel-track img {
  -webkit-user-drag: none;
  user-select: none;
}