:root,html[data-theme="light"]{--primary:#263e36;--secondary:#172a2b;--accent:#f5d84c;--link-fg:#315f47;--header-bg:#172a2b;--header-color:#f5d84c;--selected-row:#f4f5e9}#header{padding:22px 30px}#branding h1{font-weight:600;letter-spacing:-.6px}.demo-dashboard{margin-bottom:25px}.demo-label{font-size:11px;letter-spacing:1px;font-weight:700}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.dashboard-metrics>div{border:1px solid var(--hairline-color);border-radius:10px;padding:20px 16px;background:var(--darkened-bg)}.dashboard-metrics strong{display:block;font-size:29px;color:var(--link-fg)}.dashboard-metrics span{font-size:11px}.demo-dashboard>p:last-child{font-size:12px;max-width:780px;line-height:1.7}.recent-events{clear:both;padding-top:20px}.recent-events ul{padding:0 18px}.recent-events li{list-style:none;border-bottom:1px solid var(--hairline-color);padding:12px 0;font-size:12px}.recent-events small{color:var(--body-quiet-color)}@media(max-width:600px){.dashboard-metrics{grid-template-columns:1fr 1fr}}

html[data-theme="dark"]{--link-fg:#a4c5ad;--primary:#466c57;--selected-row:#29392c}