/* =====================================================================
   COLORES DE LA MARCA — para un cliente nuevo, cambia solo estas líneas.
   principal = color fuerte (botones, títulos)   claro = principal más brillante
   suave = principal más apagado                  rgb = el principal en números (sin comas)
   Truco: pon el color en https://www.google.com/search?q=color+picker y copia el HEX y el RGB.
   ===================================================================== */
:root{
  --gold:#A5F20A;
  --gold-hi:#C6FF5C;
  --gold-soft:#86B83A;
  --gold-rgb:165 242 10;
  /* La estrellita de los títulos: pon aquí también el color principal, sin el # (después de %23) */
  --sec-estrella:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.5L12 17.3l-5.9 3.2 1.3-6.5-4.9-4.6 6.6-.8z' fill='none' stroke='%23A5F20A' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");

  /* Estos se calculan solos a partir del principal; no hace falta tocarlos */
  --gold-tint:color-mix(in srgb, var(--gold) 40%, #ffffff);
  --gold-deep:color-mix(in srgb, var(--gold) 25%, #050505);
  --neon:var(--gold);
}