:root{
  /* Marca */
  --brand-500: #136904;
  --brand-600: #115C04;
  --brand-700: #0F5203;
  --brand-rgb: 19, 105, 4;

  /* Texto sobre fondos de marca (preferencia por blanco, Opción C) */
  --on-primary:    #FFFFFF;   /* botones / texto normal (AA 4.5:1) */
  --on-primary-lg: #FFFFFF; /* headers / texto grande (3.0:1)   */

  /* Texto y fondos generales */
  --text-900: #343A40;
  --text-700: #666666;
  --bg:       #F8F9FA;
  --surface:  #FFFFFF;
  --border:   #DEE2E6;

  /* Bootstrap 5.3.7 mapeado a tu tema */
  --bs-primary:     var(--brand-500);
  --bs-primary-rgb: var(--brand-rgb);
  --bs-link-color:       var(--brand-500);
  --bs-link-hover-color: var(--brand-600);
}

/* Botones coherentes con la marca */
.btn-primary{
  --bs-btn-bg: var(--brand-500);
  --bs-btn-border-color: var(--brand-500);
  --bs-btn-hover-bg: var(--brand-600);
  --bs-btn-hover-border-color: var(--brand-600);
  --bs-btn-color: var(--on-primary);
  --bs-btn-hover-color: var(--on-primary-lg);
}
.btn-outline-primary{
  --bs-btn-color: var(--brand-500);
  --bs-btn-border-color: var(--brand-500);
  --bs-btn-hover-bg: var(--brand-500);
  --bs-btn-hover-border-color: var(--brand-500);
  --bs-btn-hover-color: var(--on-primary-lg);
}


/* Botones llenos: texto blanco (sesgo a blanco de Opción C) */
.btn-primary{
  --bs-btn-bg: var(--brand-600);        /* fondo un poco más oscuro que 500 */
  --bs-btn-border-color: var(--brand-600);
  --bs-btn-color: var(--on-primary-lg); /* ← blanco */
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
  --bs-btn-hover-bg: var(--brand-700);
  --bs-btn-hover-border-color: var(--brand-700);
  --bs-btn-hover-color: var(--on-primary-lg);
}

/* Menú: por si alguna regla heredada te pone negro */
.navbar .btn-primary{ color: var(--on-primary-lg) !important; }