/* Variables CSS - Colores y valores reutilizables */
:root {
    /* Colores base según especificación */
    --color-base: #0d0d0d;
    --color-texto: #f5f5f5;
    --color-acento: #d4af37;
    
    /* Variables de colores premium barbería negro y dorado */
    --negro-barberia: #1a1a1a;
    --negro-oscuro: #0d0d0d;
    --gris-oscuro: #2d2d2d;
    --gris-oscuro-2: #1f1f1f;
    --dorado: #d4af37;
    --dorado-oscuro: #b8860b;
    --dorado-claro: #f4d03f;
    --rojo-barberia: #8b0000;
    --rojo-oscuro: #722f37;
    --blanco: #ffffff;
    --blanco-hueso: #f8f8f8;
    --gris-claro: #e8e8e8;
    --texto-oscuro: #1a1a1a;
    --texto-gris: #cccccc;
    --texto-claro: #f5f5f5;
    --marron-oscuro: #3e2723;
}