/* Identidad HidalgoUgalde — tokens de la marca personal (módulo 08, v1.2.0, 2026-09-28)
   Fuente de verdad: 06 - MODULOS/08-identidad-hidalgougalde/. Se COPIA al proyecto, no se enlaza.
   Colores verificados contra hidalgougalde.cl el 2026-09-17 (verde = fondo del sitio; crema = logo). */

:root{
  /* Paleta base */
  --hu-verde:#1F3A3D;  --hu-verde-2:#455957; --hu-verde-3:#65736F;
  --hu-arena:#A6A197;  --hu-crema:#E6D5C3;   --hu-crema-2:#F2E9DE;
  /* Acentos: cada uno vive en UN tema; ver MANIFIESTO.md §Prohibiciones */
  --hu-ladrillo:#8C2F24; --hu-coral:#E8927A; --hu-mostaza:#E8B84A; --hu-menta:#9FD9BF;

  /* Tipografías */
  --hu-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;   /* logotipo y títulos GRANDES (>= 24 px), citas */
  --hu-serif-ui:"Lora",Georgia,"Times New Roman",serif;                /* títulos de interfaz (13-22 px): Cormorant mide 1,25 px de asta a 14 px y se pierde; Lora 600 da 1,75 px. Medido 2026-09-21 */
  --hu-sans:"Open Sans",Arial,sans-serif;                            /* cuerpo (la del sitio) */
  --hu-mono:ui-monospace,Consolas,monospace;

  /* Movimiento (v1.2.0, levantado del mapa ADAPTA · herramienta 90). Una sola curva firma para el 80 %. */
  --hu-curva-firma:cubic-bezier(.16,1,.3,1);     /* entradas y cambios: decide rápido, aterriza largo */
  --hu-curva-sale:cubic-bezier(.55,0,.8,.4);     /* salidas: acelera, nunca se queda */
  --hu-t-rapido:.28s;  --hu-t-normal:.6s;  --hu-t-lento:1.1s;
  --hu-escalonado:.07s;                          /* entre hermanos; el barrido total no pasa de .5s */

  /* Serie para nodos y categorías (solo tema oscuro): relleno + tinta que se lee encima */
  --hu-serie-1:var(--hu-coral);    --hu-serie-1-tinta:var(--hu-verde);
  --hu-serie-2:var(--hu-mostaza);  --hu-serie-2-tinta:var(--hu-verde);
  --hu-serie-3:var(--hu-menta);    --hu-serie-3-tinta:var(--hu-verde);
  --hu-serie-4:var(--hu-crema);    --hu-serie-4-tinta:var(--hu-verde);
  --hu-serie-5:var(--hu-ladrillo); --hu-serie-5-tinta:var(--hu-crema);
  --hu-serie-6:var(--hu-arena);    --hu-serie-6-tinta:var(--hu-verde);

  /* Tema oscuro (el del sitio): por defecto */
  --hu-fondo:var(--hu-verde);       --hu-tinta:var(--hu-crema);   --hu-tinta-2:var(--hu-arena);
  --hu-superficie:var(--hu-verde-2);--hu-linea:var(--hu-arena);
  --hu-acento:var(--hu-coral);                                       /* texto y líneas: 5,10:1 sobre verde */
  --hu-acento-relleno:var(--hu-ladrillo); --hu-sobre-acento:var(--hu-crema);
  --hu-relleno-b:var(--hu-mostaza);  --hu-sobre-b:var(--hu-verde);
  --hu-relleno-c:var(--hu-menta);    --hu-sobre-c:var(--hu-verde);
}

/* Tema oscuro explícito en un contenedor (para alternar secciones dentro de una página clara) */
[data-theme="oscuro"]{
  --hu-fondo:var(--hu-verde);       --hu-tinta:var(--hu-crema);   --hu-tinta-2:var(--hu-arena);
  --hu-superficie:var(--hu-verde-2);--hu-linea:var(--hu-arena);
  --hu-acento:var(--hu-coral);
  --hu-acento-relleno:var(--hu-ladrillo); --hu-sobre-acento:var(--hu-crema);
  --hu-relleno-b:var(--hu-mostaza);  --hu-sobre-b:var(--hu-verde);
  --hu-relleno-c:var(--hu-menta);    --hu-sobre-c:var(--hu-verde);
}

/* Tema claro: data-theme="claro" en <html> o en el contenedor */
[data-theme="claro"]{
  --hu-fondo:var(--hu-crema);       --hu-tinta:var(--hu-verde);   --hu-tinta-2:var(--hu-verde-2);
  --hu-superficie:var(--hu-crema-2);--hu-linea:var(--hu-arena);
  --hu-acento:var(--hu-ladrillo);                                    /* 5,76:1 sobre crema */
  --hu-acento-relleno:var(--hu-ladrillo); --hu-sobre-acento:var(--hu-crema);
  --hu-relleno-b:var(--hu-verde-2);  --hu-sobre-b:var(--hu-crema);  /* mostaza y menta no se leen sobre crema */
  --hu-relleno-c:var(--hu-verde);    --hu-sobre-c:var(--hu-crema);
}

/* Preferencia del sistema, solo si el anfitrión no fijó tema a mano */
@media (prefers-color-scheme: light){
  :root:not([data-theme]){
    --hu-fondo:var(--hu-crema);       --hu-tinta:var(--hu-verde);   --hu-tinta-2:var(--hu-verde-2);
    --hu-superficie:var(--hu-crema-2);--hu-acento:var(--hu-ladrillo);
    --hu-relleno-b:var(--hu-verde-2); --hu-sobre-b:var(--hu-crema);
    --hu-relleno-c:var(--hu-verde);   --hu-sobre-c:var(--hu-crema);
  }
}

/* El logotipo hereda la tinta del tema: crema sobre verde, verde sobre crema */
.hu-logo{ display:inline-block; aspect-ratio:2560/683; color:var(--hu-tinta) }
.hu-logo svg{ width:100%; height:100%; display:block }

@media (prefers-reduced-motion: reduce){
  :root{ --hu-t-rapido:.12s; --hu-t-normal:.12s; --hu-t-lento:.12s; --hu-escalonado:0s }
}