:root {

    /* Colores principales */
    --primary-color: #1f443f;
    --secondary-color: #184642;
    --accent-color: #4F6D9A;
    --light-color: #3bcfc8;
    --hover-color: #9ac3c9;

    /* Fondos */
    --background-color: #f4f6f9f8;
    --card-background: #FFFFFF;
    --footer-background: #1A2238;

    /* Texto */
    --text-primary: #212529;
    --text-light: #d4fff4;

    /* Sombras */
    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.08);
}