/* Tema compartido de Colectivia — coherencia con la landing. Modo claro por defecto; oscuro disponible con data-theme="dark" en (lo alterna tema.js y lo recuerda en localStorage). */ @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap'); :root { /* Marca (constantes en ambos modos) */ --orange-500:#f47c20; --orange-600:#d96410; --whatsapp:#25d366; --whatsapp-dark:#1eb257; --yellow-400:#f5c21b; --danger:#d9482f; --danger-strong:#b93a24; --font-display:"Baloo 2","Nunito",system-ui,sans-serif; --font-body:"Nunito",system-ui,sans-serif; --radius-sm:10px; --radius-md:16px; --radius-lg:20px; --radius-pill:999px; /* ---- MODO CLARO (por defecto) ---- */ --bg:#fff8ef; /* fondo de página (crema) */ --surface:#ffffff; /* tarjetas */ --surface-2:#fff8ef; /* superficie sutil */ --border:#eadfce; --text:#26343e; --text-heading:#0a1a26; --text-muted:#4b5c68; --accent:var(--orange-500); --accent-strong:var(--orange-600); --cta:var(--whatsapp); --cta-text:#062e14; --shadow:0 6px 24px rgba(10,26,38,.10); --toggle-bg:#ffffff; color-scheme: light; } :root[data-theme="dark"] { --bg:#0a1a26; --surface:#10283a; --surface-2:#0e2233; --border:#1c3a52; --text:#e6eef4; --text-heading:#ffffff; --text-muted:#9fbdd0; --accent:var(--orange-500); --accent-strong:#f7913f; --cta:var(--whatsapp); --cta-text:#052611; --shadow:0 8px 28px rgba(0,0,0,.35); --toggle-bg:#10283a; color-scheme: dark; } /* Botón flotante de cambio de tema (lo inserta tema.js) */ .tema-toggle { position: fixed; top: 12px; right: 12px; z-index: 9999; width: 40px; height: 40px; border-radius: 999px; cursor: pointer; border: 1px solid var(--border); background: var(--toggle-bg); color: var(--text); font-size: 18px; line-height: 1; display: grid; place-items: center; box-shadow: var(--shadow); } .tema-toggle:hover { border-color: var(--accent); }