:root{
  --bg: #1f8a5a;          /* verd  */
  --surface: #90ee90;     /* cards / superfícies */
  --text: #0f1f17;
  --muted: #5b6b63;

  --primary: #1f8a5a;     /* verd salut */
  --primary-600: #18714a;
  --primary-100: #d9f3e6;

  --border: #dbe7e0;
  --shadow: 0 8px 22px rgba(16, 24, 20, 0.08);
}
/* test */
.bg-white, .bg-light{
  background: transparent !important;
}
html, body{
  background: var(--bg) !important;
}

/* Base */
body{
  background: var(--bg) !important;
  color: var(--text);
}

/* Wrapper opcional */
/*.page-wrap{
  padding: 24px;
}
@media (min-width: 992px){
  .page-wrap{ padding: 32px; }
}*/

/* Títols */
.page-title{
  color: var(--primary-600);
}
.text-muted{
  color: var(--muted) !important;
}

/* Cards */
.card{
  background: var(--surface) !important;
  border: 4px solid var(--border) !important;
  border-radius: 16px;
  box-shadow: var(--shadow);
}
.card:hover{
  border-color: rgba(31, 138, 90, 0.55) !important;
}
.card .card-body{
  padding: 16px;
}

/* Inputs */
.form-control, .form-select{
  border-color: var(--border);
  border-radius: 120px;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(31, 138, 90, 0.45);
  box-shadow: 0 0 0 .25rem rgba(31, 138, 90, 0.15);
}

/* Botons */
.btn-primary{
  background: var(--primary) !important;
  background: #d9f3e6; 
  border-color: var(--primary) !important;
  border-radius: 12px;
}
.btn-primary:hover{
  background: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}
.btn-outline-secondary{
  border-radius: 12px;
}

/* Badges */
.badge.text-bg-success{
  background: var(--primary) !important;
}
.badge.text-bg-light{
  background: #eef6f1 !important;
  border: 1px solid var(--border) !important;
  color: var(--muted) !important;
}

/* Imatges */
img.rounded, .rounded{
  border-radius: 14px !important;
}