:root {
    /* Paleta de Colores BootyCoach */
    --color-primary: #ff85c0;      /* Rosa vibrante (ajustado de la imagen) */
    --color-primary-dark: #e064a0; /* Rosa más oscuro para hovers */
    --color-secondary: #000000;    /* Negro elegante */
    --color-text-dark: #333333;    /* Gris oscuro para lectura */
    --color-text-light: #ffffff;   /* Blanco */
    --color-bg-light: #f9f9f9;     /* Fondo gris muy suave */
    --color-success: #28a745;      /* Verde para estados activos */
    --color-danger: #dc3545;       /* Rojo para inactivos/errores */
    --color-warning: #ffc107;      /* Amarillo para alertas/vencimientos */
    
    /* Tipografía */
    --font-main: 'Poppins', sans-serif; /* Moderna y geométrica */
    
    /* Efectos */
    --shadow-card: 0 4px 15px rgba(0,0,0,0.1);
    --radius-btn: 50px; /* Bordes muy redondeados como en el linkin.bio */
}

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    background-color: var(--color-bg-light);
    color: var(--color-text-dark);
}

/* Clases utilitarias de estado */
.estado-activo { color: var(--color-success); font-weight: bold; }
.estado-inactivo { color: var(--color-danger); font-weight: bold; }
.vencido { text-decoration: line-through; color: #999; }