/* La Crónica de Sociedad · tokens
   Papel de trapo, tinta verde, latón, lacre. Los pasteles (polvo, glicinia) son solo ilustración o superficie, nunca texto pequeño. */

:root {
  /* Color */
  --kc-canvas: #F7F4EE;
  --kc-canvas-alt: #EFE7DA;
  --kc-surface: #FBF8F2;
  --kc-ink: #283A34;
  --kc-ink-muted: #4A5751;
  --kc-accent: #7A5C32;
  --kc-on-accent: #FBF8F2;
  --kc-line: #CDBFA6;
  --kc-field-line: #8A7D6B;
  --kc-focus: #7A2E3A;
  --kc-error: #8A2F2F;
  --kc-footer-bg: #1E2433;
  --kc-footer-ink: #F7F4EE;
  --kc-footer-muted: #D9D2C4;

  --ni-brass: #B08A5A;
  --ni-wax: #7A2E3A;
  --ni-wax-blue: #2E4466;
  --ni-wisteria: #9C8DC4;
  --ni-powder: #BAC3D2;

  /* Costuras de lámina: el color de abajo de una sección es el de arriba de la siguiente */
  --ni-s0: #EDEFF0;
  --ni-s1: #E8ECE4;
  --ni-s2: #EEF0E8;
  --ni-s3: #F2EFE6;
  --ni-s4: #F4ECE0;
  --ni-s5: #F3E8DA;
  --ni-s6: #F1E4D2;
  --ni-s7: #EFDFCB;
  --ni-s8: #EBD6C6;
  --ni-s9: #E3CFC4;
  --ni-s10: #D6C6CC;
  --ni-s11: #7C7AA0;
  --ni-s12: #3A3F63;
  --ni-s13: #1E2433;

  /* Ring musical (structure lo posiciona; la piel lo pinta) */
  --kc-ring-size: 52px;
  --kc-ring-color: #B08A5A;
  --kc-ring-dot: #7A2E3A;
  --kc-ring-ink: #283A34;

  /* Tipografía: Bodoni para todo título, Cormorant para leer, Italianno solo firmas */
  --kc-font-display: 'Bodoni Moda', 'Bodoni 72', Didot, 'Playfair Display', Georgia, serif;
  --kc-font-body: 'Cormorant Garamond', 'Cormorant', 'EB Garamond', Georgia, serif;
  --ni-font-script: 'Italianno', 'Snell Roundhand', 'Apple Chancery', cursive;
  --kc-text-base: clamp(1.12rem, 1.05rem + 0.3vw, 1.25rem);
  --kc-text-eyebrow: clamp(0.78rem, 0.74rem + 0.2vw, 0.86rem);
  --kc-text-title: clamp(1.9rem, 1.5rem + 2vw, 2.7rem);
  --kc-text-hero: clamp(2.6rem, 1.4rem + 6.6vw, 4.6rem);
  --kc-text-count: clamp(1.9rem, 1.3rem + 2.6vw, 3rem);
  --kc-leading-body: 1.5;
  --kc-tracking-eyebrow: 0.26em;

  /* Espaciado */
  --kc-space-1: 0.25rem;
  --kc-space-2: 0.5rem;
  --kc-space-3: 0.75rem;
  --kc-space-4: 1rem;
  --kc-space-5: 1.5rem;
  --kc-space-6: 2rem;
  --kc-space-7: 3rem;
  --kc-space-8: 4rem;
  --kc-section-pad: clamp(3.5rem, 2.2rem + 5vw, 6rem);
  --kc-measure: 40rem;

  /* Radios y sombras */
  --kc-radius-sm: 2px;
  --kc-radius-md: 4px;
  --kc-radius-pill: 999px;
  --kc-shadow-soft: 0 10px 30px rgba(40, 58, 52, 0.12);

  /* Movimiento */
  --kc-gate-duration: 1600ms;
  --kc-stack-duration: 450ms;
  --kc-reveal-duration: 700ms;
  --kc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* Ancho de la hoja: pantalla completa en móvil, columna impresa en escritorio */
  --col: 100vw;
}
@media (min-width: 900px) {
  :root { --col: 540px; }
}