
.sec-forms { --sec-color: #e5484d; }
.sec-works { --sec-color: #46a758; }
.sec-figures { --sec-color: #0090ff; }
.sec-instances { --sec-color: #f76b15; }
.sec-mirrors { --sec-color: #8e4ec6; }
.sec-futures { --sec-color: #ffb224; }
.sec-nursery { --sec-color: #7ac74f; }
.sec-compost { --sec-color: #8b5a2b; }
.sec-root { --sec-color: #6b7280; }

/* Badge and ink helpers read the branch colour from the custom property, so
   markup carries a class instead of a hard-coded inline style. */
.sec-badge { background-color: var(--sec-color, #6b7280); color: #fff; }
.sec-ink { color: var(--sec-color, #6b7280); }
.sec-wash { background: linear-gradient(135deg, var(--sec-color, #6b7280) 0%, #1b1b1f 100%); }

/* Magazine cards: a restrained lift, and covers that never collapse. */
.news-cover { background-color: #1b1b1f; }
.card .news-cover { transition: transform .2s ease; }
.card:hover .news-cover { transform: scale(1.02); }
