/* ============================================================
   Tokens de marca — Memorialis
   ------------------------------------------------------------
   Fuente única de los colores de marca del portal. Las vistas NO
   deben declarar hex propios para dorados, beiges ni neutros:
   consumen estas variables.

   El dorado coincide con --fn-primary del tema FINDER
   (public/finder/css/theme.min.css), que es el color del botón
   principal. Si algún día cambia la marca, se cambia aquí.

   Se carga en app/views/layouts/portal.html.erb después del tema.
   ============================================================ */

:root {
  /* ---------- Dorado (color principal de marca) ---------- */
  --brand-gold:        #ba984f;  /* = --fn-primary: botones, acentos */
  --brand-gold-strong: #a8843c;  /* hover y estados activos */
  --brand-gold-soft:   #d1ae6a;  /* acentos claros */
  --brand-gold-pale:   #d8c9a3;  /* texto dorado sobre fondo oscuro */
  --brand-gold-rgb:    186, 152, 79;  /* para rgba(var(--brand-gold-rgb), .3) */

  /* ---------- Beige (secciones informativas) ----------
     Plano en secciones internas; para heros se usa un degradado
     entre -dark y -light, nunca otro tono. */
  --brand-beige:       #e7ddc8;
  --brand-beige-dark:  #e0d5bc;
  --brand-beige-light: #f0e8d8;
  --brand-beige-rgb:   231, 221, 200;  /* para rgba(var(--brand-beige-rgb), .9) */

  /* ---------- Neutros (alineados al tema FINDER) ---------- */
  --brand-ink:      #111827;  /* = --fn-heading-color: títulos y fondos oscuros */
  --brand-ink-soft: #1d2735;  /* oscuro alterno para degradados */
  --brand-ink-rgb:  17, 24, 39;   /* para rgba(var(--brand-ink-rgb), .3) */
  --brand-body:     #4e5562;  /* = --fn-body-color */
  --brand-muted:    #6c727f;  /* = --fn-secondary-color */
  --brand-surface:  #f5f7fa;  /* = --fn-tertiary-bg: fondos de sección */
  --brand-border:   #e5e9f0;  /* bordes y separadores */

  /* ---------- Acentos por servicio ----------
     Los servicios conmemorativos tienen color propio, coherente con lo que
     son (pizarra para la placa, verde para el árbol). Es un acento acotado a
     su página: el dorado sigue siendo el color de la marca. */

  /* Placa con código QR */
  --service-qr:         #53565f;
  --service-qr-rgb:     83, 86, 95;
  --service-qr-bg-from: #d5c9aa;
  --service-qr-bg-to:   #e0d4b4;

  /* Árboles conmemorativos */
  --service-tree:         #4c7c59;
  --service-tree-rgb:     76, 124, 89;
  --service-tree-bg-from: #d9e8d5;
  --service-tree-bg-to:   #e8f0e5;
}
