/* ================================================================ variables.css — GAMS Sacaba / Tema gams ---------------------------------------------------------------- ÚNICO lugar donde viven los tokens de diseño. Los valores de colores y font-size son SOBREESCRITOS en tiempo de ejecución por inc/customizer.php vía wp_add_inline_style (priority 20, después de este archivo). ORDEN en el : [1] este archivo → valores por defecto [2] inline style → valores del Personalizador (los gana) NOTA font-size: html { font-size: 16px } aquí es el FALLBACK estático. customizer.php inyecta html { font-size: Npx } con valor real. NO usar var(--font-base) en html — crea dependencia circular. ================================================================ */ /* ── Fallback de font-size (sobreescrito por customizer.php) ── */ html { font-size: 16px; } :root { /* ── COLORES NUEVOS — Gestión Riony Villarroel (Verde GAMS) ─ */ --primary-main: #2e7d32; /* Verde oscuro institucional */ --primary-navbg: #1b4f27; /* Navbar / hero más oscuro */ --primary-light: #40b046; /* Verde medio para hovers */ --color-acento: #b3865f; --color-acento-oscuro: #9B704B; --color-acento-dark: #388E3C; --color-acento-hover: #43A047; /* ── Texto ───────────────────────────────────────────────── */ --texto-default: #1a1a2e; --texto-suave: #2e4a2f; --texto-muy-suave: #888888; /* ── Fondos ──────────────────────────────────────────────── */ --background-default: #f4f6f4; /* Leve tono verde muy suave */ --background-card: #ffffff; --background-input: #f0f4f0; /* ── Bordes ──────────────────────────────────────────────── */ --borde-suave: #dde5dd; --borde-medio: #c5d4c5; /* ── Cabecera ────────────────────────────────────────────── */ --header-bg: #ffffff; --header-borde: 3px solid var(--primary-main); /* ── Footer ──────────────────────────────────────────────── */ --footer-bg: #0d2e10; /* Verde muy oscuro */ --footer-texto: rgba(255,255,255,0.85); --footer-linea: var(--color-acento); /* ── Hero / Portada ──────────────────────────────────────── */ --hero-overlay-color: #154a19; /* color del overlay del hero */ --hero-overlay-opacity: 0.72; /* opacidad 0-1, NO usar rgba() aquí */ --hero-min-height: 480px; /* ── Diseño / Espaciado ──────────────────────────────────── */ --fuente: 'Montserrat', 'Open Sans', Arial, sans-serif; --radio: 8px; --radio-lg: 12px; --transicion: 0.18s ease; --sombra-card: 0 2px 12px rgba(0,0,0,0.07); --sombra-dropdown: 0 6px 20px rgba(0,0,0,0.13); --max-ancho: 1366px; --padding-seccion: 40px; } /* ── Modo oscuro ─────────────────────────────────────────────── */ [data-theme="dark"] { --texto-default: #e8f5e9; --texto-suave: #a5d6a7; --background-default: #343b35; --background-card: #1b2e1c; --background-input: #243325; --header-bg: #122213; --borde-suave: #2e4a2f; --footer-bg: #061409; }