/*
  TOKENS DE MARCA Y MOVIMIENTO
  Base de presentaciones de artificialmente, con la paleta de Daty:
  turquesa #55A9BC, menta #B8E0D8, gris #707070 y blanco.
*/
:root {
  /* Marca: turquesa (acentos). Los nombres --blue* se mantienen por compatibilidad con la base. */
  --blue: #1f6f80; /* turquesa profundo: legible sobre hoja clara */
  --blue-lit: #b8e0d8; /* menta de Daty: acento sobre fondo oscuro */
  --brand: #55a9bc; /* turquesa del logotipo */
  --bg-a: #0d3540; /* portada */
  --bg-b: #0b2d36; /* hojas oscuras */
  --blue-ink: #061c22; /* base y cierre */

  /* Hojas claras */
  --plate: #eef4f4;
  --plate-shade: #d3e2e3;
  --panel: #ffffff;

  /* Estados (siempre acompañados de texto) */
  --ok: #3f9d7a;
  --soon: #d9a441;
  --late: #c4574f;
  --ok-ink: #24694f;
  --soon-ink: #8a5a0e;
  --late-ink: #9b3a33;

  /* Texto sobre fondo oscuro y sobre hoja clara */
  --on-blue: #f3f8f8;
  --on-blue-soft: #b3cfd2;
  --on-plate: #0f1e24;
  --on-plate-soft: #475a60;
  --line-dark: rgba(179, 212, 214, 0.18);
  --line-light: rgba(14, 30, 36, 0.12);

  /* Tipografía */
  --font-plate: "Archivo", "Arial Narrow", sans-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: #2a8396;
  --hero-edge: #0b2d36;
}