/* ======================================================================
   VI-HA 36 — Design tokens
   Fuente: VIHA36_LUXURY_VISUAL_SYSTEM.html (Fase 5, congelado).
   No reinterpretar valores aquí — si un token necesita cambiar, el cambio
   se documenta primero contra un defecto objetivo (regla del Bloque 1).
   ====================================================================== */
:root{
  /* Color */
  --color-ink:        #0E211D;
  --color-ink-70:      rgba(14,33,29,.72);
  --color-ink-40:      rgba(14,33,29,.40);
  --color-secondary:  #B9A88C;
  --color-paper:      #ECE9E1;
  --color-paper-deep: #DCD7C9;
  --color-paper-hi:   #F6F4EF;
  --color-accent:     #5C6E58;
  --color-line:       rgba(14,33,29,.16);
  --color-line-soft:  rgba(14,33,29,.09);
  --color-good:       #4B6B4E;
  --color-warn:       #7E602E; /* corregido en el Design Critique Final — contraste 5.31:1 */
  --color-sold:       #7A5A50;

  /* Tipografía */
  --font-display: 'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;
  --font-body:    -apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-mono:    ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  /* Espaciado — escala de 8pt */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  /* Movimiento — un único easing, nunca spring/bounce */
  --ease-doc: cubic-bezier(.22,.61,.36,1);
  --dur-med: 600ms; --dur-slow: 1100ms; --dur-cinema: 1800ms;

  /* Layout */
  --container-max: 1320px;
  --radius: 2px;

  /* Breakpoints (documentados aquí; CSS no permite var() dentro de @media,
     así que estos valores deben coincidir exactamente con los literales
     usados en main.css — ver también docs/BLOCK1_IMPLEMENTATION_REPORT.md) */
  --bp-tablet: 768px;
  --bp-laptop: 1024px;
  --bp-desktop: 1280px;
}