/* ======================================================================================================
   File:    two-track-model.css
   Path:    /assets/css/eco/two-track-model.css
   Version: v1.0.0
   Issued:  2026-07-21
   Owner:   Buktika Webdesk (Binka)
   Scope:   Page-specific token binding for /eco/two-track-model.html — the pillar-level page
            explaining Buktika's two tracks (Track A / Sielsgrond, Track B / Restoration), per
            Batch 2 of the Tier 1 Public Entity Implementation Pack (modules/atrium/public-entities/,
            entity id: D1-TERM-097). Nests directly under ECO (parentId "eco"), not under either
            channel, since it is the model both channels implement.
            Structural rules (.entity-page, .entity-page .hero-wrap, .entity-page .sdx-btn-primary)
            live in /assets/css/partials/public-entity.css v1.1.0 — this file sets only tokens.
            <body> must carry both class="page-two-track-model entity-page".
   Notes:   No commissioned photography exists yet — gradient hero deliberately spans the eco
            (Track A) and restoration (Track B) colour families, reusing the same three tokens
            as the ECO pillar page's own hero (eco.css) to visually tie this page to eco.html.
   Changelog:
     v1.0.0 (2026-07-21): Initial page, built as part of Batch 2.
   ====================================================================================================== */

.page-two-track-model {
  --page-bg:            var(--sdx-color-shell-bg);
  --page-primary:       var(--sdx-color-eco-muted);
  --page-secondary:     var(--sdx-color-restoration-glow);
  --page-accent:        var(--sdx-color-leaf-green);
  --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) 50%,
    var(--sdx-color-restoration-glow) 100%
  );
  --hero-vignette-from: rgba(0, 0, 0, 0.18);
  --hero-vignette-to:   rgba(0, 0, 0, 0);
}
