/*
Theme Name: Tressofhealth
Theme URI: https://tressofhealth.com
Author: Tressofhealth Team
Author URI: https://tressofhealth.com
Description: Tema personalizado responsive con Tailwind CSS para Tressofhealth
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tressofhealth
Tags: responsive, tailwind, custom
*/

/* Paleta de colores del tema */
:root {
    --cream-light: #FFF8E1;      /* Amarillo crema muy claro */
    --beige: #D4C1A5;            /* Beige claro a medio */
    --caramel: #B0824F;          /* Marrón caramelo */
    --lime-green: #B8E04F;      /* Verde lima brillante */
    --olive-green: #7BA06B;     /* Verde oliva medio */
    --forest-green: #425C3F;    /* Verde bosque oscuro - Color principal */
}

/* Fuentes del tema */
body,
p,
div,
span,
a,
li,
td,
th,
input,
textarea,
select,
button {
    font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.widget-title {
    font-family: 'Lora', serif;
}

/* Asegurar que los menús también usen Lato */
nav a,
.menu a,
.wp-block-navigation a {
    font-family: 'Lato', sans-serif;
    font-size: 0.9rem;
}

/* Clases de utilidad para los colores de la paleta */
.bg-cream-light { background-color: var(--cream-light); }
.bg-beige { background-color: var(--beige); }
.bg-caramel { background-color: var(--caramel); }
.bg-lime-green { background-color: var(--lime-green); }
.bg-olive-green { background-color: var(--olive-green); }
.bg-forest-green { background-color: var(--forest-green); }

.text-cream-light { color: var(--cream-light); }
.text-beige { color: var(--beige); }
.text-caramel { color: var(--caramel); }
.text-lime-green { color: var(--lime-green); }
.text-olive-green { color: var(--olive-green); }
.text-forest-green { color: var(--forest-green); }