/**
 * Plaza Guzmán — Design Tokens
 * Manual de Identidad Corporativa
 * Uso: variables CSS centralizadas para todo el proyecto
 */
:root {
    /* Colores oficiales PG (rojo marca #E53935) */
    --pg-red: #E53935;
    --pg-red-hover: #D32F2F;
    --pg-red-active: #C62828;
    --pg-gray: #7E7F83;
    --pg-dark: #35312C;
    --pg-bg: #F7F7F7;
    --pg-white: #FFFFFF;

    /* Aliases para tienda (front público - rojo protagonista) */
    --store-primary: var(--pg-red);
    --store-primary-hover: var(--pg-red-hover);
    --store-primary-active: var(--pg-red-active);
    --store-primary-dark: var(--pg-red-hover);
    --store-accent: var(--pg-red);
    --store-text: var(--pg-dark);
    --store-muted: var(--pg-gray);
    --store-border: #e5e5e5;
    --store-bg: var(--pg-bg);
    --store-card: var(--pg-white);
    --store-radius: 10px;
    --store-shadow: 0 2px 12px rgba(53, 49, 44, 0.06);

    /* Espaciado y radios */
    --pg-radius: 10px;
    --pg-radius-sm: 6px;
    --pg-shadow: 0 2px 12px rgba(53, 49, 44, 0.06);
    --pg-shadow-hover: 0 8px 24px rgba(53, 49, 44, 0.1);

    /* Nombres semánticos compartidos (tienda + panel admin) */
    --pg-primary: #E53935;
    --pg-primary-dark: #C62828;
    --pg-primary-light: #FF6F60;
    --pg-bg-dark: var(--pg-dark);
    --pg-bg-light: var(--pg-bg);
    --pg-border: var(--store-border);
}