html {
  scroll-behavior: smooth;
}
:root {
  --midnight-blue: #191970;
  --crimson: #dc143c;
  --white: #ffffff;
}

body {
  font-family: "Arial", sans-serif;
}

.bg-midnight {
  background-color: var(--midnight-blue);
}

.bg-crimson {
  background-color: var(--crimson);
}

.text-midnight {
  color: var(--midnight-blue);
}

.text-crimson {
  color: var(--crimson);
}

.border-crimson {
  border-color: var(--crimson);
}

.hover-crimson:hover {
  background-color: var(--crimson);
}

.casino-logo-container {
  width: 100%;
  height: 120px;
  padding: 0 8px;
}

.banner-placeholder {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #f8f8f8, #e8e8e8);
  border: 2px solid var(--midnight-blue);
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--midnight-blue);
  color: white;
  z-index: 1000;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.cookie-banner.show {
  transform: translateY(0);
}

.star-rating {
  color: #ffd700;
}

.gradient-bg {
  background: linear-gradient(135deg, var(--midnight-blue), var(--crimson));
}