/* Mora Mora — paleta oficial (Apéndice D, Brand Book 2026 v2026.05.03).
   12 colores: 3 primarios (azules), 5 secundarios (acentos Dopamine), 4 fondos/apoyo.
   Regla: el verde NUNCA es dominante. El azul es el territorio cromático de la marca. */
:root {
  /* Primarios */
  --mm-azul: #15b0e6;        /* MM-PRI-01 · Azul Mora Mora · firma de marca */
  --mm-azul-medio: #3958a7;  /* MM-PRI-02 · profundidad y autoridad */
  --mm-azul-oscuro: #292e72; /* MM-PRI-03 · ancla tipográfica */

  /* Secundarios — acentos Dopamine (nunca dominantes) */
  --mm-amarillo: #f4bd3e;    /* MM-SEC-01 · Amarillo Mora · sello NUEVO, acento puntual */
  --mm-rosa: #d8618a;        /* MM-SEC-02 · Rosa pitaya · pitaya, fresa, sandía, hibisco */
  --mm-vino: #85405d;        /* MM-SEC-03 · Vino mora · mora, blackberry, açaí */
  --mm-naranja: #d5562b;     /* MM-SEC-04 · Naranja mango · mango, papaya, durazno */
  --mm-verde: #5f9c42;       /* MM-SEC-05 · Verde planta · matcha, kale — usar con cautela */

  /* Fondos / apoyo */
  --mm-crema: #f8f1e2;       /* MM-FON-01 · Crema Mora · reemplaza al blanco puro */
  --mm-trigo: #e3c7a1;       /* MM-FON-02 · Trigo Mora · despensa, kraft */
  --mm-terracota: #c78d69;   /* MM-FON-03 · Terracota Mora · puente cálido */
  --mm-negro: #261c14;       /* MM-FON-04 · Negro tierra · negro cálido, nunca #000 */

  /* Aliases semánticos */
  --surface-page: var(--mm-crema);
  --surface-card: #fffdf8;
  --surface-inverse: var(--mm-azul-oscuro);
  --text-body: var(--mm-azul-oscuro);      /* 12.8:1 sobre crema (AAA) */
  --text-heading: var(--mm-azul-oscuro);
  --text-muted: color-mix(in oklab, var(--mm-azul-oscuro) 62%, var(--mm-crema));
  --text-inverse: var(--mm-crema);
  --brand-primary: var(--mm-azul);
  --brand-primary-hover: #0f9dcf;
  --accent-new: var(--mm-amarillo);
  --link: var(--mm-azul-medio);
  --link-hover: var(--mm-azul-oscuro);
  --border-subtle: color-mix(in oklab, var(--mm-azul-oscuro) 16%, var(--mm-crema));
  --border-strong: var(--mm-azul-oscuro);
  --focus-ring: var(--mm-azul);
  --danger: var(--mm-naranja);   /* la paleta no define rojo de error; naranja mango cumple ese rol */
  --success: var(--mm-verde);
}