/* ==========================================================
   TOKENS — paleta, tipografia, sistema de movimiento y texturas base
   ========================================================== */

:root{
  --navy:#13294B;
  --navy-deep:#0A1830;
  --paper:#F6F3EC;
  --paper-dim:#EFEADF;
  --ink:#211F1C;
  --slate:#585C63;
  --accent:#6E9DC9;
  /* Acento al 75%: era rgba(110,157,201,0.75) en línea en el marcado. */
  --accent-soft: rgba(110,157,201,0.75);
  --brass:#A17E3F;
  --rule: rgba(19,41,75,0.16);
  --rule-light: rgba(246,243,236,0.22);

  /* Sistema de movimiento tomado del documento de estilos:
     420ms para hover, 0.7s cubic-bezier(.4,.2,.2,1) para el volteo 3D,
     ~.58s ease-out para las entradas por scroll (desplazamiento "medium" = 50px). */
  --t-hover: 420ms;
  --t-flip: 700ms;
  --ease-flip: cubic-bezier(0.4, 0.2, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 0.72, 0.3, 1);

  /* Marca de agua de puntos: equivalente de marca de background-dotted.png */
  --dots-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Ccircle cx='2' cy='2' r='1.15' fill='%2313294B'/%3E%3C/svg%3E");
  --dots-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Ccircle cx='2' cy='2' r='1.15' fill='%23F6F3EC'/%3E%3C/svg%3E");
}