@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 0%;
    --primary: 20 100% 50%; /* Laranja Vibrante */
    --primary-foreground: 0 0% 100%;
    --card: 0 0% 98%;
    --card-foreground: 0 0% 0%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 0%;
    --secondary: 0 0% 96%;
    --secondary-foreground: 0 0% 0%;
    --muted: 0 0% 96%;
    --muted-foreground: 0 0% 45%;
    --accent: 20 100% 50%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 90%;
    --input: 0 0% 90%;
    --ring: 20 100% 50%;
    --radius: 0rem;
  }

  .dark {
    --background: 0 0% 0%;
    --foreground: 0 0% 100%;
    --primary: 20 100% 50%;
    --primary-foreground: 0 0% 100%;
    --card: 0 0% 5%;
    --card-foreground: 0 0% 100%;
    --border: 0 0% 15%;
  }
}

.text-huge {
  font-size: clamp(2.5rem, 10vw, 8rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-weight: 900;
}

.orange-gradient {
  background: linear-gradient(to bottom right, #FF4D00, #FF8000);
}