/* Khal & Silvie · Black or White · tokens (PIEL)
   Cero croma: tinta china y papel de algodón. El blanco y el negro son de los novios
   (el código de vestimenta los prohíbe a los invitados); el rojo solo existe tachado.
   Contraste medido (WCAG): paper/ink 17.8:1 · graphite-on-paper 6.2:1 · graphite-on-ink 7.8:1 · graphite sobre placa 7.3:1. */

@font-face {
  font-family: 'Bodoni Moda';
  src: url('../../assets/font/bodoni-moda-vf.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('../../assets/font/bodoni-moda-italic-vf.woff2') format('woff2');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Primitivos: tinta, papel, grafitos */
  --bl-ink: #0A0A0B;
  --bl-ink-2: #141415;          /* placa esgrafiada sobre tinta */
  --bl-paper: #F3F3F0;
  --bl-paper-2: #FBFBF9;        /* hoja de la estampa sobre papel */
  --bl-graphite-on-paper: #5A5A58;
  --bl-graphite-on-ink: #A3A3A0;
  --bl-rule-on-paper: #CFCFCB;
  --bl-rule-on-ink: #3A3A3B;
  --bl-plate-mark: rgba(10, 10, 11, 0.16);
  --bl-banned-red: #B3262E;     /* solo en la muestra tachada de Vestimenta */

  /* Semánticos (raíz = pliego negativo: tinta; los pliegos positivos los invierten a papel en theme.css) */
  --kc-canvas: var(--bl-ink);
  --kc-canvas-alt: var(--bl-ink);
  --kc-surface: var(--bl-ink-2);
  --kc-ink: var(--bl-paper);
  --kc-ink-muted: var(--bl-graphite-on-ink);
  --kc-accent: var(--bl-paper);
  --kc-on-accent: var(--bl-ink);
  --kc-line: var(--bl-rule-on-ink);
  --kc-field-line: var(--bl-graphite-on-ink);
  --kc-error: var(--bl-paper);
  --kc-focus: var(--bl-paper);
  --kc-footer-bg: var(--bl-ink);
  --kc-footer-ink: var(--bl-paper);
  --kc-footer-muted: var(--bl-graphite-on-ink);

  /* Ring musical: anillo grabado */
  --kc-ring-size: 52px;
  --kc-ring-color: var(--bl-paper);
  --kc-ring-dot: var(--bl-paper);
  --kc-ring-ink: var(--bl-paper);

  /* Tipografía: una familia, dos ópticas (opsz sigue al tamaño) */
  --kc-font-display: 'Bodoni Moda', 'Bodoni 72', 'Didot', Georgia, serif;
  --kc-font-body: 'Bodoni Moda', 'Bodoni 72', Georgia, serif;
  --bl-font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --kc-text-base: clamp(1.0625rem, 1rem + 0.25vw, 1.15rem);
  --kc-text-eyebrow: 0.72rem;
  --kc-text-title: clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);
  --kc-text-hero: clamp(3.1rem, 1.6rem + 7vw, 6.2rem);
  --kc-text-count: clamp(3rem, 1.8rem + 6vw, 5.6rem);
  --kc-leading-body: 1.62;
  --kc-tracking-eyebrow: 0.3em;

  /* 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(5rem, 3.6rem + 6vw, 8.5rem);
  --kc-measure: 40rem;

  /* Forma: cortes rectos; la única curva es la arcada */
  --kc-radius-sm: 0;
  --kc-radius-md: 0;
  --kc-radius-pill: 0;
  --kc-shadow-soft: none;
  --bl-arch: 50% 50% 0 0 / clamp(4rem, 18vw, 8rem) clamp(4rem, 18vw, 8rem) 0 0;

  /* Movimiento: raspar ~1.5 s al cargar; al tocar, el papel barre la tinta */
  --kc-gate-duration: 0.7s;
  --kc-stack-duration: 520ms;
  --kc-reveal-duration: 900ms;
  --kc-ease: cubic-bezier(0.22, 0.61, 0.2, 1);
  --bl-thread-duration: 1100ms;
}