/* GENERADO — no editar a mano; editar tokens\ y ejecutar node scripts\construir.mjs */

/* Tema Clotitec (tema de la casa) para el kit interfaz-golf360 (.g3-).
   Tema Clotitec 2026 del kit .g3-. Es el único que NO lleva valores propios: cada variable apunta a un rol o a un primitivo, de modo que cambiar una decisión (p. ej. la tinta) cambia también este tema. Los valores que el tema original trae fuera de la paleta oficial se conservan literales con su nota.
   Origen: tokens\temas\clientes\clotitec.json */

[data-g3-tema="clotitec"]{
  --g3-marca:#0A6355;   /* marca = #0A6355 (el «hover» oficial): el primario #0E8A72 da 4,29:1 con blanco y no cumple AA en botones */
  --g3-marca-oscura:#07231F;
  --g3-marca-2:#0a7560;   /* no está en la rampa oficial: el tema lo introdujo porque #0E8A72 da 4,29:1 sobre blanco (falla AA en texto pequeño); este da 5,64:1 */
  --g3-fondo:#FCFAF6;
  --g3-superficie:#FFFFFF;
  --g3-texto:#0A0A0A;
  --g3-texto-suave:#404040;
  --g3-acento:#FFCC00;   /* amarillo con texto tinta encima (13,09:1); solo marca el elemento activo de la tira */
  --g3-acento-texto:#0A0A0A;
  --g3-foco:#0A0A0A;
  --g3-peligro:#B42318;
  --g3-destello:#FFCC00;
  --g3-carril:#9fcfc3;   /* literal del tema; no está en la paleta oficial */
  --g3-tinte:#F2ECE1;
  --g3-tinte-hover:#EDE5D6;
  --g3-tinte-activo:#E3D9C6;   /* literal del tema; no está en la paleta oficial */
  --g3-linea:#E8E0D0;   /* literal del tema; no está en la paleta oficial */
  --g3-borde:#DDD3BF;   /* literal del tema; no está en la paleta oficial */
  --g3-pista-off:#9A917D;   /* 3,12:1 sobre blanco (AA no textual); literal del tema */
  --g3-campo:#FCFAF6;
  --g3-sombra-rgb:4,33,28;   /* 4,33,28 = #04211C (verde casi negro, no negro puro) */
  --g3-velo-rgb:7,35,31;
  --g3-fuente-titulo:'Baloo 2','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --g3-fuente-texto:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}

[data-g3-tema="clotitec"],
[data-g3-tema="clotitec"] .g3-scope{
  --g3-relleno:linear-gradient(135deg,#0A6355 0%,#0A6355 55%,#07453B 100%);   /* blanco encima >= 7,17:1 en todo el degradado (medido con scripts\contraste.mjs: #0A6355 7,17:1 · #07453B 10,92:1). El original empezaba en #12977E, que da 3,65:1. */
}

[data-g3-tema="clotitec"] .g3-titulo,
[data-g3-tema="clotitec"] .g3-hoja__cab h2{text-shadow:0 2px 0 rgba(4,33,28,.14),0 6px 14px rgba(4,33,28,.12)}   /* relieve sobre el titular */

[data-g3-tema="clotitec"] .g3-logo{background:linear-gradient(135deg,#12977E,#0A6355);color:#fff}   /* se conserva como en el original; empieza en #12977E (blanco 3,65:1): pendiente, ver tokens\temas\PENDIENTES.md */

[data-g3-tema="clotitec"] .g3-logo small{opacity:.9}

[data-g3-tema="clotitec"] .g3-tarjeta,
[data-g3-tema="clotitec"] .g3-hoja{border-top:4px solid var(--g3-acento)}   /* el amarillo solo como filo, nunca en botón ni enlace */

[data-g3-tema="clotitec"] .g3-velo--lateral .g3-hoja{border-top-width:4px}