:root {
  /* Varoli Pizza — paleta beige + rojo ladrillo */
  --primary-900: #3d0a0a;
  --primary-800: #5d1515;
  --primary-700: #7a1c1c;
  --primary-600: #922628;
  --primary-500: #a52a2a;
  --primary-400: #b73538;
  --menu-hover-red: #a52a2a;
  --gradient-hero: linear-gradient(135deg, #5d1515 0%, #a52a2a 60%, #b73538 100%);
  --hero-red: #a52a2a;
  --hero-bg-image: url("../assets/images/hero-bg.jpg");
  --hero-overlay: linear-gradient(
    118deg,
    rgba(61, 10, 10, 0.82) 0%,
    rgba(165, 42, 42, 0.55) 42%,
    rgba(93, 21, 21, 0.78) 100%
  );
  --hero-unified-overlay: linear-gradient(
    155deg,
    rgba(30, 5, 5, 0.88) 0%,
    rgba(61, 10, 10, 0.78) 22%,
    rgba(93, 21, 21, 0.62) 42%,
    rgba(122, 28, 28, 0.68) 58%,
    rgba(165, 42, 42, 0.72) 78%,
    rgba(61, 10, 10, 0.85) 100%
  );
  --text-welcome: clamp(3.25rem, 10vw, 6.75rem);
  --text-welcome-tag: clamp(1.35rem, 3.2vw, 2.125rem);
  --gradient-hero-animated: linear-gradient(
    135deg,
    #5d1515 0%,
    #922628 25%,
    #a52a2a 50%,
    #b73538 75%,
    #5d1515 100%
  );

  /* Acento beige Varoli (reemplaza dorado como acento principal) */
  --gold: #e3c99e;
  --gold-dark: #c9a86c;
  --gold-text: #3d1a0a;
  --star-gold: #d4a84b;
  --varoli-beige: #e3c99e;
  --varoli-beige-dark: #d9b98c;
  --varoli-cream: #f5ead8;
  --varoli-red: #a52a2a;
  --varoli-red-dark: #5d2121;

  /* Neutrals */
  --neutral-black: #2a1408;
  --gray-700: #4a4038;
  --gray-500: #6b5f54;
  --gray-300: #b8a99a;
  --off-white: #faf6f0;
  --cream: #f5ead8;
  --cream-about: #faf3e8;
  --footer-bar: #4a3224;
  --white: #ffffff;

  /* Logos */
  --logo-beige: url("../assets/images/varolipizza/varoli-logo-beige.png");
  --logo-rojo: url("../assets/images/varolipizza/varoli-logo-rojo.png");

  /* Typography */
  --font-script: "Caveat", cursive;
  --font-heading: "Fredoka", sans-serif;
  --font-body: "Poppins", sans-serif;

  --text-hero: clamp(3rem, 8vw, 5.75rem);
  --text-hero-sub: clamp(1.75rem, 4vw, 2.875rem);
  --text-section: clamp(1.75rem, 3vw, 2.5rem);
  --text-about-title: clamp(2rem, 4.5vw, 3.25rem);
  --text-script: clamp(1.125rem, 2vw, 1.375rem);
  --text-body: clamp(0.9375rem, 1.5vw, 1rem);
  --text-small: clamp(0.8125rem, 1.2vw, 0.875rem);
  --text-stat: clamp(1.75rem, 3vw, 2.125rem);
  --text-card-title: clamp(1rem, 1.5vw, 1.25rem);

  /* Spacing */
  --container-max: 1240px;
  --section-py: clamp(3.5rem, 8vw, 6.25rem);
  --card-gap: clamp(1rem, 2vw, 1.75rem);
  --grid-gap-categories: clamp(1rem, 2vw, 1.5rem);

  /* Radius */
  --radius-pill: 999px;
  --radius-card: 22px;
  --radius-menu-card: 16px;
  --radius-image: 18px;
  --radius-small: 12px;
  --about-blob-radius: clamp(3.5rem, 9vw, 6.25rem);
  --testimonial-back-offset: clamp(5px, 0.75vw, 7px);

  /* Shadows */
  --shadow-card: 0 10px 30px rgba(42, 20, 8, 0.08);
  --shadow-card-hover: 0 22px 44px rgba(42, 20, 8, 0.14);
  --shadow-button-gold: 0 8px 20px rgba(227, 201, 158, 0.45);
  --shadow-hero-image: 0 20px 50px rgba(42, 20, 8, 0.22);
  --shadow-pizza-disc: 0 28px 56px rgba(0, 0, 0, 0.32), 0 0 0 5px rgba(255, 255, 255, 0.12);
  --shadow-navbar: 0 4px 24px rgba(42, 20, 8, 0.1);
  --nav-brush-mask: url("../assets/images/svg/brocha.svg");
  --nav-brush-color: var(--primary-500);

  /* Transitions */
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-fast: 0.3s ease;
  --transition-medium: 0.35s ease;
  --transition-slow: 0.5s ease;

  /* Z-index */
  --z-header: 100;
  --z-mobile-menu: 200;
  --z-hero-image: 10;
}