/*
  TOKENS DE MARCA Y MOVIMIENTO
  Base de propuestas de artificialmente, en verde (#004f00).
*/
:root {
  /* Marca: verde (acentos). Los nombres --blue* se mantienen por compatibilidad con la base. */
  --blue: #004f00;
  --blue-lit: #8fd48f; /* acento legible sobre verde oscuro */
  --bg-a: #002b00; /* portada */
  --bg-b: #002400; /* hojas oscuras */
  --blue-ink: #001500; /* base y cierre */

  /* Hojas claras */
  --plate: #eff2ee;
  --plate-shade: #d6ddd5;
  --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: #f4f8f3;
  --on-blue-soft: #b5d1b3;
  --on-plate: #121a12;
  --on-plate-soft: #4b574b;
  --line-dark: rgba(181, 209, 179, 0.18);
  --line-light: rgba(18, 26, 18, 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: #008000;
  --hero-edge: #002b00;
}