/* Tokens · demo C "La Casa en Villa Juana" · reports/DESIGN_PLAN_C.md · paleta medida del logo real (assets/logo.png)
   Fuentes (Google Fonts, comprobadas 2026-09-14):
   https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Atkinson+Hyperlegible+Next:wght@400;500;700&display=swap */
:root {
  --fondo: #f7f7f5;        /* blanco roto, croma 0: el color lo ponen las fotos */
  --tinta: #17182b;
  --marino: #151441;       /* tiles de texto y nav */
  --dorado: #cd9e67;       /* horas, subrayados, pin */
  --acento: var(--marino);
  --acento-tinta: var(--fondo);
  --suave: #ecebe7;        /* tiles sin foto */
  --sobre-marino: #f7f7f5;
  --hairline: color-mix(in oklab, var(--tinta) 12%, transparent);
  --sombra-hover: 0 12px 32px -16px color-mix(in oklab, var(--marino) 45%, transparent);

  --fuente-display: "Bricolage Grotesque";
  --fuente-texto: "Atkinson Hyperlegible Next";

  --medida: 76rem;
  --espacio: clamp(1rem, 2vw + 0.5rem, 2rem);
  --radio: 14px;
  --radio-interior: 10px;  /* doble bisel: exterior 14, interior 10 */
  --sombra: none;

  --t-rapido: 180ms;
  --t-reveal: 600ms;
  --curva: cubic-bezier(0.32, 0.72, 0, 1);
}