/* CREVO 0.4.1 – unified logo and dynamic color tokens, no DB change required. */
:root {
  --crevo-accent: #168478;
  --crevo-accent-strong: color-mix(in srgb, var(--crevo-accent) 72%, #132c29);
  --crevo-accent-hover: color-mix(in srgb, var(--crevo-accent) 63%, #102b26);
  --crevo-accent-soft: color-mix(in srgb, var(--crevo-accent) 11%, white);
  --crevo-accent-line: color-mix(in srgb, var(--crevo-accent) 27%, white);
  --green: var(--crevo-accent-strong);
}
/* Logo – same approved artwork on public pages, admin, and the member workspace. */
.pub-logo, .brand {gap: 6px;letter-spacing:0;flex-shrink:0}
.pub-logo .pub-logo-image {width:150px;height:auto;max-height:51px;object-fit:contain;display:block}
.webadmin-side .pub-logo .pub-logo-image {width:156px}
.brand .brand-logo {width:145px;height:auto;max-height:51px;object-fit:contain;display:block}
.brand .brand-beta {margin-left:3px}
.crevo-symbol {width:100%;height:100%;object-fit:contain;display:block}
.hero-spark {width:48px;height:48px;padding:10px;background:var(--crevo-accent-soft);display:grid;place-items:center}
.hero-spark .crevo-symbol {width:100%;height:100%}
.invite-stars .crevo-symbol {width:20px;height:20px}
.empty-symbol {display:flex;align-items:center;justify-content:center;height:45px;width:48px;margin-inline:auto}
.empty-symbol .crevo-symbol {max-height:42px;max-width:42px}
.image-fallback .crevo-symbol {width:58px;height:58px;opacity:.6;filter:drop-shadow(0 5px 15px #55685a30)}
.mini-avatars span {font-size:12px}
.hero-decoration .crevo-symbol {width:75px;height:75px;opacity:.38}
.hero-floating .spark-symbol .crevo-symbol {width:24px;height:24px}
.banner-spark .crevo-symbol {width:150px;height:150px;opacity:.27}
.cover-decoration .crevo-symbol {width:190px;height:190px}
.micro-dots i {font-size:7px;color:var(--crevo-accent-strong)}
.pub-logo img, .brand img {vertical-align:middle}
/* Runtime-selected color applies to public frontend and admin. */
.pub-btn:not(.alt), .nav-cta .pub-btn {background:var(--crevo-accent-strong);border-color:var(--crevo-accent-strong);color:white}
.pub-btn:not(.alt):hover, .nav-cta .pub-btn:hover {background:var(--crevo-accent-hover)}
.pub-btn.alt, .tiny-link, .nav-login:hover, .pub-nav-links a:hover {color:var(--crevo-accent-strong)}
.pub-btn.alt:hover {background:var(--crevo-accent-soft)}
.pub-logo b, .hero-left h1 em, .hero-micro strong, .eyebrow {color:var(--crevo-accent-strong)}
.hero-spark, .pub-empty {background:var(--crevo-accent-soft)}
.webadmin-side nav a.selected {color:var(--crevo-accent-strong);background:var(--crevo-accent-soft)}
.webadmin-top a {color:var(--crevo-accent-strong)}
.admin-act:not(.danger) {border-color:var(--crevo-accent-line);color:var(--crevo-accent-strong);background:var(--crevo-accent-soft)}
.webadmin-success {border-color:var(--crevo-accent-line)}
.pub-band {background:var(--crevo-accent-strong)}
.pub-band .pub-btn, .pub-band .pub-btn:hover {background:white;border-color:white;color:var(--crevo-accent-strong)}
/* Member workspace controls (old CSS uses many hardcoded greens). */
.nav-item.active, .category-tile.selected {background:var(--crevo-accent-soft);color:var(--crevo-accent-strong)}
.nav-item.active::before, .nav-dot, .tiny-indicator, .eyebrow-dot {background:var(--crevo-accent)}
.nav-item.active .symbol, .category-tile.selected>span, .section-link, .footer-asterisk {color:var(--crevo-accent-strong)}
.btn-primary, .account-button, .feature-banner {background:var(--crevo-accent-strong);color:white}
.btn-primary:hover, .account-button:hover {background:var(--crevo-accent-hover)}
.brand-period {color:var(--crevo-accent-strong)}
.hero h1 em {color:var(--crevo-accent-strong)}
.invite-box {background:var(--crevo-accent-strong)}
.invite-stars {background:color-mix(in srgb, var(--crevo-accent) 15%, white)}
:where(button,a,input,select,textarea):focus-visible {outline-color:var(--crevo-accent)}
/* Accessible brandmark sizing on mobile. */
@media(max-width:720px){.pub-logo .pub-logo-image{width:122px}.brand .brand-logo{width:119px}.webadmin-side .pub-logo .pub-logo-image{width:125px}.hero-spark{width:41px;height:41px}}