/* ============================================================
   Moneta Home — tokens de marca
   Bloqueo de referencia: K2-D (horizontal, símbolo a la izquierda)
   ============================================================ */

:root {
  /* --- color -------------------------------------------------- */
  --moneta-ink:    #14202C;  /* barra lateral, texto sobre claro   */
  --moneta-teal:   #0E7C7B;  /* primario: símbolo y palabra Home   */
  --moneta-green:  #1C6B4A;  /* reservado al dato, NO a la marca   */
  --moneta-mint:   #E6F2F1;  /* tintes y fondos de badge           */
  --moneta-page:   #F3F5F4;  /* fondo de página                    */
  --moneta-white:  #FFFFFF;  /* tarjetas                           */
  --moneta-on-dark:#F3F5F4;  /* MONETA sobre pizarra               */

  /* --- tipografía --------------------------------------------- */
  --moneta-font-display: 'Spectral', Georgia, 'Times New Roman', serif;
  --moneta-font-ui:      'Public Sans', -apple-system, system-ui, sans-serif;
  --moneta-tracking-name: 0.24em;
  --moneta-tracking-home: 0.30em;

  /* --- escala del bloqueo ------------------------------------- */
  /* Un solo número gobierna todo el conjunto: el diámetro del símbolo. */
  --moneta-mark: 112px;               /* paso D — bienvenida / splash */

  /* Derivados. No los edites a mano. */
  --moneta-name-size: calc(var(--moneta-mark) * 0.393);
  --moneta-home-size: calc(var(--moneta-mark) * 0.125);
  --moneta-gap:       calc(var(--moneta-mark) * 0.36);
  --moneta-rule-top:  calc(var(--moneta-mark) * 0.134);
  --moneta-rule-bot:  calc(var(--moneta-mark) * 0.110);
  --moneta-clear:     calc(var(--moneta-mark) * 0.50); /* área de respeto */
}

/* Pasos de la escala. Aplica una clase al contenedor del logotipo. */
.moneta-size-sidebar  { --moneta-mark:  22px; } /* ratio 1.47x · vector   */
.moneta-size-header   { --moneta-mark:  32px; } /* ratio 1.60x · vector   */
.moneta-size-auth     { --moneta-mark:  64px; } /* ratio 1.88x · umbral   */
.moneta-size-splash   { --moneta-mark: 112px; } /* ratio 2.55x · PASO D   */
.moneta-size-document { --moneta-mark: 160px; } /* ratio 2.96x · máximo   */

/* Por debajo de 64 px el nombre necesita menos tracking o no cabe. */
.moneta-size-sidebar,
.moneta-size-header { --moneta-tracking-name: 0.16em; }