:root {
    /* Colores principales */
    --pb-primary: #1a1a1a;        /* Negro profundo */
    --pb-accent: #240129;         /* Púrpura marca oficial */
    --pb-gold: #D4AF37;           /* Dorado para contraste en navbar */
    --pb-green-custom: #1B4D3E;   /* Verde personalizado para bordes de iconos */
    --pb-green: #10B981;          /* Verde natural */
    --pb-light: #F9FAFB;          /* Casi blanco */
    --pb-text: #1F2937;           /* Texto principal */
    --pb-text-light: #6B7280;     /* Texto secundario */
    --pb-overlay: rgba(27, 77, 62, 0.8);  /* Verde #1B4D3E con opacidad */

    /* Variaciones de opacidad */
    --pb-accent-50: rgba(36, 1, 41, 0.5);
    --pb-gold-20: rgba(212, 175, 55, 0.2);
    --pb-gold-30: rgba(212, 175, 55, 0.3);
    --pb-gold-40: rgba(212, 175, 55, 0.4);
    --pb-gold-50: rgba(212, 175, 55, 0.5);
    --pb-gold-60: rgba(212, 175, 55, 0.6);
    --pb-white-95: rgba(255, 255, 255, 0.95);
    --pb-black-30: rgba(0, 0, 0, 0.3);
    --pb-black-37: rgba(0, 0, 0, 0.37);

    /* Colores de badges/categorías */
    --pb-lounge: #e74c3c;
    --pb-pizza: #27ae60;

    /* Colores de terceros (Google) */
    --google-yellow: #fbbc04;
    --google-text: #3c4043;
    --google-text-light: #70757a;

    /* Sombras reutilizables */
    --shadow-hero: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --shadow-gold-sm: 0 2px 6px rgba(212, 175, 55, 0.5), 0 0 15px rgba(212, 175, 55, 0.3);
    --shadow-gold-md: 0 2px 8px rgba(212, 175, 55, 0.6), 0 0 20px rgba(212, 175, 55, 0.4);

    /* Espaciado consistente */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4rem;

    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 20px;
}