/* ====================================================================================================== File: ecological-age.css Path: /assets/css/eco/ecological-age.css Version: v1.0.0 Issued: 2026-07-21 Owner: Buktika Webdesk (Binka) Scope: Page-specific token binding for /eco/ecological-age.html — the evidence-record page nested under the Sielsgrond Programme (Eco Conservation), per Batch 3 of the Tier 1 Public Entity Implementation Pack (modules/atrium/public-entities/, entity id: D1-TERM-026). Reuses the eco-conservation channel colour family, identical recipe to besco-stewardship-certificate.css and besco-sprint.css (same evidence-page sub-family). Structural rules (.entity-page, .entity-page .hero-wrap, .entity-page .sdx-btn-primary) live in /assets/css/partials/public-entity.css — this file sets only tokens. must carry both class="page-ecological-age entity-page". Notes: No commissioned photography exists yet — gradient hero identical recipe to sibling evidence pages (two-stop). Changelog: v1.0.0 (2026-07-21): Initial page, built as part of Batch 3. ====================================================================================================== */ .page-ecological-age { --page-bg: var(--sdx-color-shell-bg); --page-primary: var(--sdx-color-eco-muted); --page-secondary: var(--sdx-color-eco-mint); --page-accent: var(--sdx-color-eco-mint); --page-depth: var(--sdx-color-eco-dark-base); --hero-image: linear-gradient( 135deg, var(--sdx-color-eco-dark-base) 0%, var(--sdx-color-eco-muted) 100% ); --hero-vignette-from: rgba(0, 0, 0, 0.18); --hero-vignette-to: rgba(0, 0, 0, 0); }