/* openlagoon brand layer for the Bootstrap-based host dashboard (loads after modern.css). */
:root{
  --ol-cream:#fbfaf7; --ol-ink:#1c1f26; --ol-teal:#3f9a91; --ol-teal2:#2f8077;
  --ol-pale:#e4f4f1; --ol-sand:#e9e5dd; --ol-sand2:#ddd8cd; --ol-muted:#5d6470;
}
body{ background:var(--ol-cream)!important; color:var(--ol-ink); font-family:'Inter',system-ui,-apple-system,sans-serif; }

/* nav */
.navbar{ background:rgba(251,250,247,.85)!important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--ol-sand); }
.navbar-brand{ color:var(--ol-ink)!important; font-weight:800; letter-spacing:-.01em; }
.navbar .nav-link{ color:var(--ol-muted)!important; font-weight:600; }
.navbar .nav-link:hover, .navbar .nav-link.active{ color:var(--ol-teal)!important; }

/* buttons → ink pill primary, teal-outline secondary */
.btn{ border-radius:999px!important; font-weight:700; }
.btn-primary,.btn-dark{ background:var(--ol-ink)!important; border-color:var(--ol-ink)!important; color:#fff!important; }
.btn-primary:hover,.btn-dark:hover{ filter:brightness(1.15); }
.btn-outline-primary{ color:var(--ol-teal2)!important; border-color:var(--ol-sand2)!important; }
.btn-outline-primary:hover{ background:var(--ol-teal)!important; border-color:var(--ol-teal)!important; color:#fff!important; }
.btn-success{ background:var(--ol-teal)!important; border-color:var(--ol-teal)!important; }
.btn-outline-light{ color:var(--ol-ink)!important; border-color:var(--ol-sand2)!important; }

a{ color:var(--ol-teal2); }
a:hover{ color:var(--ol-teal); }

/* surfaces */
.card{ border:1px solid var(--ol-sand)!important; border-radius:16px!important; box-shadow:0 4px 16px rgba(28,31,38,.05)!important; background:#fff; }
.card-header{ background:#fff!important; border-bottom:1px solid var(--ol-sand)!important; }
.badge.bg-primary{ background:var(--ol-teal)!important; }
.text-primary{ color:var(--ol-teal2)!important; }
.bg-primary{ background:var(--ol-ink)!important; }
.form-control,.form-select{ border-color:var(--ol-sand2); border-radius:10px; }
.form-control:focus,.form-select:focus{ border-color:var(--ol-teal); box-shadow:0 0 0 .2rem rgba(63,154,145,.18); }
.table thead th{ color:var(--ol-muted); border-color:var(--ol-sand); }
.table td{ border-color:var(--ol-sand); }

/* footer */
footer.bg-light{ background:var(--ol-cream)!important; border-top:1px solid var(--ol-sand); color:var(--ol-muted); }

/* dashboard stat cards → brand palette (teal family + one warm accent) */
.stats-card.primary{ background:#3f9a91!important; }
.stats-card.success{ background:#2f8077!important; }
.stats-card.info{ background:#5bb3aa!important; }
.stats-card.warning{ background:#cf8f6b!important; }

h1,h2,h3{ letter-spacing:-.015em; }
.hero, .display-1,.display-2,.display-3,.display-4{ letter-spacing:-.02em; }