/* ∂iario aventureros — COLOR TOKENS
   Brandbook 60/30/10: fondo claro + aire (60), texto sobrio (30), acento verde en acciones (10).
   Negro nunca puro: el texto es #252525. Gris = 50–75% de ese negro → #9d9d9d.
   Los colores de ROL son puntuales (badges, estados), nunca rellenos grandes. */

:root {
  /* ---- Base de marca ---- */
  --da-surface:      #f1f1f1; /* fondo base de toda la app */
  --da-surface-warm: #f4f4f0; /* variante cálida usada en el portal de marca */
  --da-paper:        #ffffff; /* tarjetas, formularios, superficies elevadas */
  --da-paper-soft:   #f7f7f7; /* "Accent 7" en Figma — gris casi blanco (botón arrow claro, card misión) */
  --da-paper-2:      #ececec; /* superficie hundida / fondo de chips */
  --da-card-base:    #ededee; /* base de tarjeta "revelar" (success) */

  --da-ink:          #252525; /* texto principal — NUNCA #000 */
  --da-ink-warm:     #2f2418; /* madera, carteles, tinta cálida de botones-sign */
  --da-gray:         #9d9d9d; /* texto secundario, placeholders, estado pendiente */
  --da-gray-line:    #e5e7eb; /* caso puntual: línea/borde gris (gray-200) */

  --da-accent:       #B9C91C; /* verde lima — acción, CTA, éxito, color de marca */
  --da-accent-deep:  #cfde3f; /* cima del degradado del cartel activo */
  --da-accent-ink:   #2e3300; /* texto oscuro legible SOBRE el verde */
  --da-accent-shadow: rgba(140,155,0,.30); /* sombra inferior chunky de botones verdes */

  /* ---- Roles de la comunidad (uso puntual) ---- */
  --da-member:    #DC00D3; /* magenta — miembro, exclusividad */
  --da-grumete:   #FED01A; /* amarillo — grumete, bienvenida, calidez */
  --da-partner:   #23CF9D; /* verde-agua — partner / colaborador */
  --da-pendiente: #9d9d9d; /* gris — pendiente / explorando */

  /* ---- Madera y carteles (signpost RPG) ---- */
  --da-wood-1: #8a5a2b;
  --da-wood-2: #6c431f;
  --da-sign-1: #e2b56d; /* cara del cartel (degradado) */
  --da-sign-2: #d4a15a;
  --da-pin-1:  #b37c43; /* chincheta del cartel */
  --da-pin-2:  #875223;

  /* ---- Canal WhatsApp (omnipresente en el producto) ---- */
  --da-wa:        #25D366; /* verde WhatsApp — botones "abrir chat" */
  --da-wa-deep:   #075e54; /* cabecera de chat */
  --da-wa-bubble: #dcf8c6; /* burbuja de mensaje saliente */

  /* ---- Tablón de anuncios (sello postal — paneles perforados) ---- */
  --da-board-bg:    #DEE2B7; /* verde salvia — fondo de fila de tablón (legacy) */
  --da-board-ink:   #5B630C; /* olivo oscuro — texto del tablón */
  --da-board-title: #2C2825; /* tinta casi negra — título grande del tablón */
  --da-stamp-green:  #A8BD1C; /* panel OFICIALES — cuerpo del sello verde lima */
  --da-stamp-olive:  #6E7615; /* panel MIEMBROS — cuerpo del sello oliva oscuro */
  --da-board-card:       #DCE3B6; /* fila/tarjeta sage SOBRE panel verde */
  --da-board-card-muted: #C7CE9E; /* fila/tarjeta sage SOBRE panel oliva */
  --da-stamp-oficial: #FBB825; /* amarillo — cinta/badge "OFICIALES" */
  --da-stamp-check:   #FBB825; /* badge circular ✓ (oficiales) */
  --da-stamp-key:     #DC00D3; /* badge circular 🔑 (miembros) = magenta de marca */

  /* ---- Líneas y velos ---- */
  --da-border:       rgba(0,0,0,.09); /* borde estándar de tarjetas */
  --da-border-soft:  rgba(0,0,0,.06);
  --da-veil:         rgba(10,10,10,.40); /* overlay de modales */

  /* ===========================================================
     ALIAS SEMÁNTICOS — usa estos en componentes y pantallas
     =========================================================== */
  --bg:               var(--da-surface);
  --bg-warm:          var(--da-surface-warm);
  --surface-card:     var(--da-paper);
  --surface-sunken:   var(--da-paper-2);

  --text-primary:     var(--da-ink);
  --text-secondary:   var(--da-gray);
  --text-on-accent:   var(--da-accent-ink);
  --text-on-dark:     #ffffff;
  --text-warm:        var(--da-ink-warm);

  --accent:           var(--da-accent);
  --accent-ink:       var(--da-accent-ink);
  --success:          var(--da-accent); /* el éxito se pinta con el verde de marca */
  --wa:               var(--da-wa);

  --border:           var(--da-border);
  --border-soft:      var(--da-border-soft);
  --focus-ring:       rgba(185,201,28,.20); /* halo de focus en inputs */

  /* tintes de rol al 10–12% para fondos suaves de badge */
  --member-tint:      rgba(220,0,211,.10);
  --member-tint-solid: rgba(220,0,211,.20);
  --grumete-tint:     rgba(254,208,26,.16);
  --grumete-tint-solid: rgba(254,208,26,.24);
  --partner-tint:     rgba(35,207,157,.12);
  --partner-tint-solid: rgba(35,207,157,.20);
  --accent-tint:      rgba(185,201,28,.12);
  --accent-tint-solid: rgba(185,201,28,.20);
}