/* KC-Skeleton v3 · tokens (PIEL default)
   Solo custom properties en :root. Paleta ivory/ink con un acento bronce.
   Contraste verificado (WCAG): ink-muted 6.6:1 sobre canvas y 6.0:1 sobre canvas-alt;
   on-accent 5.8:1 sobre accent; accent 5.4:1 sobre canvas y 4.9:1 sobre canvas-alt. */

:root {
  /* Color */
  --kc-canvas: #F5F0E8;
  --kc-canvas-alt: #ECE5D8;
  --kc-surface: #FBF8F2;
  --kc-ink: #1F1C19;
  --kc-ink-muted: #5C5349;
  --kc-accent: #7A5C32;
  --kc-on-accent: #FBF8F2;
  --kc-line: #D6CBB8;
  --kc-field-line: #8A7D6B;
  --kc-error: #8A2F2F;
  --kc-focus: #7A5C32;
  --kc-footer-bg: #1F1C19;
  --kc-footer-ink: #F5F0E8;
  --kc-footer-muted: #CFC6B6;

  /* Ring musical (structure lo posiciona; la piel lo pinta) */
  --kc-ring-size: 52px;
  --kc-ring-color: #A88B5C;
  --kc-ring-dot: #7A5C32;
  --kc-ring-ink: #2E2820;

  /* Tipografía */
  --kc-font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
  --kc-font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --kc-text-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --kc-text-eyebrow: clamp(0.72rem, 0.68rem + 0.2vw, 0.8rem);
  --kc-text-title: clamp(1.75rem, 1.35rem + 1.8vw, 2.6rem);
  --kc-text-hero: clamp(2.6rem, 1.5rem + 5vw, 4.8rem);
  --kc-text-count: clamp(2rem, 1.4rem + 2.4vw, 3.1rem);
  --kc-leading-body: 1.6;
  --kc-tracking-eyebrow: 0.24em;

  /* 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: 6px;
  --kc-radius-md: 14px;
  --kc-radius-pill: 999px;
  --kc-shadow-soft: 0 10px 30px rgba(31, 28, 25, 0.1);

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