/* ============================================================
   Quinta Moctezuma · Tokens de marca (FUENTE ÚNICA)
   Paleta SV·PC·001 — extraída de guidelines/QM Sistema Visual.html
   Consumir por ruta relativa:
     <link rel="stylesheet" href="../../packages/design-system/tokens/tokens.css">
     <link rel="stylesheet" href="../../packages/design-system/fonts.css">
   Regla: nada de colores/fuentes hardcoded en las apps → usar var(--qm-*).
   ============================================================ */

:root {
  /* --- Paleta (10 colores oficiales) --- */
  --qm-terracota: #A04E22; /* protagonista */
  --qm-naranja:   #C4622D;
  --qm-durazno:   #D4845A;
  --qm-arena:     #E8D5B0;
  --qm-crema:     #F5EDD8; /* fondo principal */
  --qm-hueso:     #F9F4EC; /* blanco cálido */
  --qm-salvia:    #7A8C6E; /* acento verde */
  --qm-cafe:      #6B5744; /* texto/reglas del "1008" */
  --qm-caramelo:  #8B5E3C;
  --qm-tinta:     #1C1410; /* negro cálido / texto */

  /* --- Alias legacy (nombres usados en los HTML originales) --- */
  --terra:   var(--qm-terracota);
  --orange:  var(--qm-naranja);
  --peach:   var(--qm-durazno);
  --sand:    var(--qm-arena);
  --cream:   var(--qm-crema);
  --bone:    var(--qm-hueso);
  --sage:    var(--qm-salvia);
  --brown:   var(--qm-cafe);
  --caramel: var(--qm-caramelo);
  --ink:     var(--qm-tinta);

  /* --- Roles semánticos --- */
  --qm-bg:         var(--qm-crema);
  --qm-bg-alt:     var(--qm-hueso);
  --qm-text:       var(--qm-tinta);
  --qm-text-muted: var(--qm-cafe);
  --qm-accent:     var(--qm-terracota);
  --qm-accent-2:   var(--qm-naranja);

  /* --- Tipografías ---
     Propias (SOLO para logos): LaLuxes (Q/Quinta), Amoresa (M/Moctezuma).
     Generales: Cormorant Garamond (títulos + "1008"), DM Sans (cuerpo), Cinzel (etiquetas). */
  --qm-font-q:        "LaLuxes", serif;            /* exclusiva del logo */
  --qm-font-m:        "Amoresa", serif;            /* exclusiva del logo */
  --qm-font-display:  "Cormorant Garamond", Georgia, serif; /* títulos, voz editorial, "1008" */
  --qm-font-body:     "DM Sans", system-ui, sans-serif;     /* cuerpo de texto */
  --qm-font-label:    "Cinzel", serif;             /* etiquetas, versalitas, tracking amplio */

  /* --- Construcción de marca (referencia normada) --- */
  --qm-ratio-qm: 1.37;       /* Q : M  (148 : 108) */
  --qm-line-qm: 0.88;        /* line-height de Q y M */
  --qm-1008-tracking: 0.22em;
}