/* ============================================================
   Revonexis v3.2.2 — Founder/About Contrast Hotfix
   Scoped fix only: makes .founder-card and its principles-grid
   tiles a true light-system surface when nested inside
   .rx-light-section (the homepage About/Founder section).
   Does not touch .founder-card, .why-card, .principles-grid, or
   .btn-outline anywhere outside .rx-light-section — the dark-theme
   versions of these components elsewhere on the site are untouched.
   Loaded last (after v320_clarity_architecture.css) so it wins the
   cascade without !important, consistent with that file's approach.
   No new fonts, no new colors — reuses the existing --rx-* light
   system tokens defined in v314_visual_system.css.
   ============================================================ */

.rx-light-section .founder-card {
  background: var(--rx-light-strong);
  border: 1px solid var(--rx-light-border);
  box-shadow: 0 18px 45px rgba(16, 33, 60, 0.08);
}

.rx-light-section .founder-card h2,
.rx-light-section .founder-card .why-card-title {
  color: var(--rx-ink);
}

.rx-light-section .founder-card p,
.rx-light-section .founder-card .founder-desc,
.rx-light-section .founder-card .why-card-body {
  color: var(--rx-light-text);
}

.rx-light-section .founder-card .section-label {
  color: var(--rx-cyan-dark);
}

/* Principles grid (the three "why" tiles) — light hairline-seam tiles
   instead of the dark why-card default. */
.rx-light-section .principles-grid {
  background: var(--rx-light-border);
  border: 1px solid var(--rx-light-border);
}
.rx-light-section .principles-grid .why-card {
  background: rgba(252, 251, 248, 0.92);
}
.rx-light-section .principles-grid .why-card:hover {
  background: var(--rx-light-strong);
}
.rx-light-section .principles-grid .why-card-title {
  color: var(--rx-ink);
}
.rx-light-section .principles-grid .why-card-body {
  color: var(--rx-light-text);
}

/* Founder-actions secondary CTA ("LinkedIn →") — .btn-outline's default
   border/text colors (--border, --text) are tuned for the dark theme
   and are near-invisible on a light card. Scoped to this one button
   group only; .btn-outline elsewhere on the site is unchanged. */
.rx-light-section .founder-actions .btn-outline {
  border-color: var(--rx-light-border);
  color: var(--rx-ink);
}
.rx-light-section .founder-actions .btn-outline:hover {
  border-color: var(--rx-cyan);
  color: var(--rx-cyan-dark);
}