:root{
  --berge-0:#EFECCA;
  --berge-1:#E6E3C0;
  --berge-2:#D8D3A8;
  --berge-3:#BDB57A;
  --berge-4:#8B7E2B;
  --ink:#1f2937;
  --muted:#6b7280;
  --white:#ffffff;
  --primary:#8B7E2B;
  --primary-2:#6f6521;
  --card:#ffffff;
}

body{
  background: linear-gradient(180deg, var(--berge-0), #ffffff 55%);
  color: var(--ink);
}

.navbar{
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(10px);
}

.brand-dot{
  display:inline-block;width:10px;height:10px;border-radius:999px;
  background: var(--primary); margin-right:8px;
}

.section-title{ font-weight:900; letter-spacing:-.02em; }

.hero-berge{
  background:
    radial-gradient(900px 260px at 20% 0%, rgba(139,126,43,.18), transparent 60%),
    radial-gradient(900px 260px at 90% 30%, rgba(189,181,122,.22), transparent 55%),
    linear-gradient(0deg, rgba(239,236,202,.75), rgba(255,255,255,.9));
  border: 1px solid rgba(139,126,43,.18);
  border-radius: 26px;
}

.btn-primary{
  background: var(--primary);
  border-color: var(--primary);
  border-radius: 16px;
  padding: .6rem 1rem;
  font-weight: 700;
}
.btn-primary:hover{ background: var(--primary-2); border-color: var(--primary-2); }
.btn-outline-primary{
  color: var(--primary);
  border-color: rgba(139,126,43,.45);
  border-radius: 16px;
  font-weight: 700;
}
.btn-outline-primary:hover{
  background: rgba(139,126,43,.12);
  border-color: rgba(139,126,43,.6);
  color: var(--primary-2);
}

.card{ border-radius: 20px; background: var(--card); }
.shadow-soft{ box-shadow: 0 14px 35px rgba(0,0,0,.08) !important; }

/* Dashboard cards */
.stat-card{ border: 1px solid rgba(139,126,43,.14); }
.stat-icon{
  width:46px;height:46px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(139,126,43,.12);
  font-size: 20px;
}
.stat-value{ font-size: 24px; font-weight: 900; line-height: 1; }

.link-card{
  border: 1px solid rgba(139,126,43,.14);
  transition: transform .15s ease, box-shadow .15s ease;
}
.link-card:hover{ transform: translateY(-2px); box-shadow: 0 18px 45px rgba(0,0,0,.10) !important; }
.link-icon{ font-size: 22px; opacity: .9; }

.badge-berge{
  background: rgba(139,126,43,.14) !important;
  color: var(--primary-2) !important;
  border: 1px solid rgba(139,126,43,.22);
}

.table thead th{
  background: rgba(239,236,202,.9);
  border-bottom: 1px solid rgba(139,126,43,.20);
}

/* WhatsApp */
.wa-float{
  position:fixed; right:18px; bottom:18px;
  background:#22c55e; color:#fff; text-decoration:none;
  padding:12px 14px; border-radius:999px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
  font-weight:800;
  z-index:9999;
}
.wa-float:hover{ opacity:.92; color:#fff; }