:root {
  --background: 60 5% 20%;
  --foreground: 48 20% 96%;

  --card: 60 4% 15%;
  --card-foreground: 48 20% 96%;

  --popover: 60 5% 18%;
  --popover-foreground: 48 20% 96%;

  --primary: 48 95% 48%;
  --primary-foreground: 60 5% 20%;

  --secondary: 43 75% 48%;
  --secondary-foreground: 48 20% 96%;

  --muted: 60 5% 25%;
  --muted-foreground: 60 5% 70%;

  --accent: 48 95% 48%;
  --accent-foreground: 60 5% 20%;

  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;

  --border: 60 5% 30%;
  --input: 60 5% 25%;
  --ring: 48 95% 48%;

  --radius: 0.5rem;
}

/* Base Layer Replacement */
* {
  border-color: hsl(var(--border));
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cinzel', serif;
  letter-spacing: -0.02em;
}

.video-container {
  height: 100%;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Crops the video to cover the container */
  object-position: center; /* Centers the visible area (default) */
  aspect-ratio: 1/1;
}