/*
  TOKENS DE MARCA Y MOVIMIENTO
  Base de propuestas de artificialmente, en tinto (Bodega Spinoglio).
  Los nombres --blue* se mantienen por compatibilidad con la base.
*/
:root {
  /* Marca: tinto (acentos) */
  --blue: #7a1f2b;
  --blue-lit: #e3b98a; /* acento legible sobre tinto oscuro (dorado cálido) */
  --bg-a: #2a0d12; /* portada */
  --bg-b: #230a0f; /* hojas oscuras */
  --blue-ink: #14060a; /* base y cierre */

  /* Hojas claras */
  --plate: #f4efe6;
  --plate-shade: #e2d8c8;
  --panel: #fffdf9;

  /* Estados (siempre acompañados de texto) */
  --ok: #5a9a6e;
  --soon: #d9a441;
  --late: #c4574f;
  --ok-ink: #2f6a43;
  --soon-ink: #8a5a0e;
  --late-ink: #9b3a33;

  /* Texto sobre fondo oscuro y sobre hoja clara */
  --on-blue: #f8f1ea;
  --on-blue-soft: #d4bdb3;
  --on-plate: #1e1012;
  --on-plate-soft: #5c4a47;
  --line-dark: rgba(227, 185, 138, 0.18);
  --line-light: rgba(30, 16, 18, 0.12);

  /* Tipografía */
  --font-plate: "Fraunces", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;

  /* Movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  /* Espaciado y radios */
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --top-h: 4.25rem;
  --radius-sheet: clamp(1rem, 2vw, 1.75rem);
  --radius-panel: 1rem;

  /* Degradé de la portada: centro detrás de los dispositivos, borde oscuro */
  --hero-center: #6b1a26;
  --hero-edge: #1c070c;
}