body.design-v2-active.design-v2-dark {
  --background: 220 20% 7%;
  --foreground: 40 20% 95%;

  --card: 220 18% 10%;
  --card-foreground: 40 20% 95%;

  --popover: 220 18% 10%;
  --popover-foreground: 40 20% 95%;

  --primary: 42 78% 60%;
  --primary-foreground: 220 20% 7%;

  --secondary: 210 60% 50%;
  --secondary-foreground: 40 20% 95%;

  --muted: 220 15% 15%;
  --muted-foreground: 220 10% 55%;

  --accent: 265 50% 55%;
  --accent-foreground: 40 20% 95%;

  --destructive: 0 84% 60%;
  --destructive-foreground: 40 20% 95%;

  --border: 220 15% 18%;
  --input: 220 15% 18%;
  --ring: 42 78% 60%;

  --radius: 0.75rem;

  --gold: 42 78% 60%;
  --gold-foreground: 220 20% 7%;
  --blue: 210 60% 50%;
  --blue-foreground: 40 20% 95%;
  --violet: 265 50% 55%;
  --violet-foreground: 40 20% 95%;

  --sidebar-background: 220 18% 10%;
  --sidebar-foreground: 40 20% 95%;
  --sidebar-primary: 42 78% 60%;
  --sidebar-primary-foreground: 220 20% 7%;
  --sidebar-accent: 220 15% 15%;
  --sidebar-accent-foreground: 40 20% 95%;
  --sidebar-border: 220 15% 18%;
  --sidebar-ring: 42 78% 60%;

  font-family: "Inter", sans-serif;
}

body.design-v2-active.design-v2-light {
  --background: 40 20% 97%;
  --foreground: 220 20% 10%;

  --card: 40 15% 94%;
  --card-foreground: 220 20% 10%;

  --popover: 40 15% 94%;
  --popover-foreground: 220 20% 10%;

  --primary: 42 78% 45%;
  --primary-foreground: 0 0% 100%;

  --secondary: 210 60% 50%;
  --secondary-foreground: 0 0% 100%;

  --muted: 220 10% 90%;
  --muted-foreground: 220 10% 40%;

  --accent: 265 50% 55%;
  --accent-foreground: 0 0% 100%;

  --destructive: 0 84% 50%;
  --destructive-foreground: 0 0% 100%;

  --border: 220 10% 85%;
  --input: 220 10% 85%;
  --ring: 42 78% 45%;

  --gold: 42 78% 45%;
  --gold-foreground: 0 0% 100%;
  --blue: 210 60% 50%;
  --blue-foreground: 0 0% 100%;
  --violet: 265 50% 55%;
  --violet-foreground: 0 0% 100%;

  --sidebar-background: 40 15% 94%;
  --sidebar-foreground: 220 20% 10%;
  --sidebar-primary: 42 78% 45%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 220 10% 90%;
  --sidebar-accent-foreground: 220 20% 10%;
  --sidebar-border: 220 10% 85%;
  --sidebar-ring: 42 78% 45%;
}

body.design-v2-active h1,
body.design-v2-active h2,
body.design-v2-active h3,
body.design-v2-active h4,
body.design-v2-active h5,
body.design-v2-active h6,
body.design-v2-active .font-display {
  font-family: "Space Grotesk", sans-serif;
}

/* Ensure footer columns stay on a single row on large screens. */
body.design-v2-active .design-v2-footer-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.design-v2-active .design-v2-footer-brand {
  grid-column: span 2 / span 2;
}

@media (min-width: 768px) {
  body.design-v2-active .design-v2-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.design-v2-active .design-v2-footer-brand {
    grid-column: span 3 / span 3;
  }
}

@media (min-width: 1024px) {
  body.design-v2-active .design-v2-footer-grid {
    grid-template-columns: minmax(0, 1.6fr) repeat(5, minmax(0, 1fr));
  }

  body.design-v2-active .design-v2-footer-brand {
    grid-column: span 1 / span 1;
  }
}