/* 30x30 Biodiversity Assessment Explorer: overrides on the glen-charts
 * stylesheet. The conservation-status palette and the representation table's
 * styles are in represent.js (REP_CSS). */

:root {
    --primary: #1b6e3a;
    --primary-strong: #12502a;
    --primary-wash: rgba(27, 110, 58, 0.08);
    --accent: #7dbb63;
}

.brand-mark { background: linear-gradient(135deg, #ece3b5 0 33%, #7dbb63 33% 66%, #1b6e3a 66%); }

/* "How to read this" (extensions.js reportHead) */
.framework { padding: 8px 14px; font-size: 12.5px; color: var(--text-2); }
.framework summary { cursor: pointer; color: var(--text); }
.framework-body p { margin: 8px 0; }
.need-legend { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 5px; }
.need-legend .pct { min-width: 92px; font-size: 11.5px; margin-right: 6px; }