:root {
    /* --- VARIABLES & THEME --- */
    /* PALETA MODERNA (Light Mode) */
    --primary: #4f46e5;       /* Indigo 600 - Más vibrante */
    --primary-light: #e0e7ff; /* Indigo 100 - Fondo suave */
    --primary-dark: #3730a3;  /* Indigo 800 - Contraste fuerte */
    --secondary: #64748b;
    --accent: #f59e0b;
    --bg: #f3f4f6;            /* Gray 100 - Gris neutro limpio */
    --surface: #ffffff;
    --text: #111827;          /* Gray 900 - Casi negro */
    --text-light: #6b7280;    /* Gray 500 */
    --success: #10b981;
    --border: #e5e7eb;        /* Gray 200 */
    --radius-lg: 20px;        /* Bordes más redondeados */
    --radius-md: 12px;
    --shadow: 0 10px 30px -10px rgba(0,0,0,0.1);
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --glass: rgba(255, 255, 255, 0.9);
    --gold: #f59e0b;
    --vip-gold: #fbbf24;
    --auction: #8b5cf6;
    --whatsapp: #22c55e;
    --danger: #ef4444;
}

[data-theme="dark"] {
    /* PALETA MODERNA (Dark Mode - Deep Blue/Black) */
    --bg: #020617;            /* Slate 950 - Fondo profundo */
    --surface: #0f172a;       /* Slate 900 */
    --text: #f8fafc;          /* Slate 50 */
    --text-light: #94a3b8;    /* Slate 400 */
    --border: #1e293b;        /* Slate 800 */
    --primary-light: #1e1b4b; /* Indigo 950 */
    --primary: #818cf8;       /* Indigo 400 - Brillante en oscuro */
    --glass: rgba(15, 23, 42, 0.85);
    --shadow: 0 20px 40px -10px rgba(0,0,0,0.6);
}