/* ═══════════ Inner pages — brighter look (trial, Oct 2026) ═══════════
   Loaded last, on every page except the homepage. Delete this file's <link> in includes/header.php
   to go back to the previous look. What it does:
     1. Photos at full colour (no dimming filter); lighter wash over the About hero photo
     2. Stronger text: body copy and captions one step darker; text on dark sections brighter
     3. Livelier accent: a brighter maroon for italic heading words, eyebrow lines, links and
        hovers, and a brighter blush on dark sections
   (4. One dark section per page is restored in the views — remove nothing here for that.) */

.inner {
  /* 2 — text */
  --text-secondary: #2E2A26;
  --text-tertiary:  #4E4943;
  --text-on-dark-2: rgba(255, 255, 255, .86);
  --text-on-dark-3: rgba(255, 255, 255, .76);
  /* 3 — accent */
  --color-secondary: #9B1C22;
  --color-tertiary:  #E3B3A9;

  /* the legacy aliases resolve on :root, so point them at the new values here too */
  --maroon: var(--color-secondary); --k-maroon: var(--color-secondary);
  --rs: var(--color-tertiary);      --k-blush: var(--color-tertiary);
  --text: var(--text-secondary);
  --mid: var(--text-secondary);     --k-mid: var(--text-secondary);
  --muted: var(--text-tertiary);    --light: var(--text-tertiary);
}

/* 1 — photos */
.inner main img { filter: none !important; }
.page-about .hero__bg-img { filter: none; transform: none; }
.page-about .hero__bg-overlay {
  background: linear-gradient(90deg,
    rgba(250, 248, 245, .92) 0%,
    rgba(250, 248, 245, .78) 40%,
    rgba(250, 248, 245, .30) 70%,
    rgba(250, 248, 245, 0) 100%) !important;
}

/* 4 — the restored dark sections: inner-color.css turns card groups into white homepage cards and
   text links into ink; inside a dark section keep them dark-on-dark like their original design */
.inner main > :is(section.section-dark, section.sec.dark, section.cap.dark, section.featured):not(.is-light) :is(.im-card.im-card, .im-step-card.im-step-card) {
  background: rgba(255, 255, 255, .04) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: none !important;
}
.inner main > :is(section.section-dark, section.sec.dark, section.cap.dark, section.featured):not(.is-light) .im-stats .im-card.im-card {
  background: transparent !important;
  border-top-color: rgba(255, 255, 255, .16) !important;
}
.inner main > :is(section.section-dark, section.sec.dark, section.cap.dark, section.featured):not(.is-light) .arrow-link { color: #fff; }
.inner main > :is(section.section-dark, section.sec.dark, section.cap.dark, section.featured):not(.is-light) .im-sl-count { color: rgba(255, 255, 255, .6); }
.inner main > :is(section.section-dark, section.sec.dark, section.cap.dark, section.featured):not(.is-light) .im-sl-count b { color: #fff; }
.inner main > :is(section.section-dark, section.sec.dark, section.cap.dark, section.featured):not(.is-light) .im-sl-bar { background: rgba(255, 255, 255, .16); }