/* Paleta de Colores ViajApp */
:root {
    --color-dark-gray: #262626;
    --color-dusty-rose: #D8ACA7;
    --color-sky-blue: #71A9F7;
    --color-purple: #A755C2;
    --color-light-green: #BFD7B5;

    /* Asignación Semántica */
    --color-primary: var(--color-sky-blue);
    --color-secondary: var(--color-purple);
    --color-accent: var(--color-dusty-rose);
    --color-text-main: var(--color-dark-gray);
    --color-background-light: #F4F4F4; /* Un gris muy claro para el fondo general */
    --color-surface: #FFFFFF; /* Para las cards y superficies */
}

body {
    background-color: var(--color-background-light);
    color: var(--color-text-main);
}

/* Clases de utilidad para usar en Tailwind */
.bg-primary { background-color: var(--color-primary); }
.text-primary { color: var(--color-primary); }
.border-primary { border-color: var(--color-primary); }

.bg-secondary { background-color: var(--color-secondary); }
.text-secondary { color: var(--color-secondary); }

.text-main { color: var(--color-text-main); }
.bg-surface { background-color: var(--color-surface); }
.bg-dark-gray { background-color: var(--color-dark-gray); }