/**
 * Readability layer - deliberate deviation from 1:1 source parity.
 *
 * Requested by the client (mediaeste, 2026-08-17 round 1): small grey text,
 * contact details and copy over photographs were too light. Loaded after
 * parity.css so these overrides win. Remove this file to restore strict parity.
 */

/* Stronger secondary text: source used 205 9% 78%. */
:root {
  --muted-foreground: 205 9% 86%;
}

/* Utility classes referenced by templates but absent from the compiled build. */
.text-foreground\/90 {
  color: hsl(var(--foreground) / 0.9);
}

.from-black\/90 {
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-black\/50 {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

/* Contact details (header phone, mail links) carry weight at small sizes. */
a[href^="tel:"],
a[href^="mailto:"] {
  font-weight: 600;
}

/* Footer credit was dimmed to 62% opacity - lift it into legibility. */
.sp-footer-credit {
  color: hsl(var(--muted-foreground) / 0.85);
}

/* Copy over photographs gets a text shadow for guaranteed contrast. */
.card-premium h3,
.card-premium p {
  text-shadow: 0 1px 8px rgb(0 0 0 / 0.55);
}

/* Team portraits: full 2:3 frame instead of a landscape crop. */
.sp-team-photo {
  width: 220px;
  height: 330px;
}

@media (max-width: 767px) {
  .sp-team-photo {
    width: 240px;
    height: 360px;
    margin-left: 0;
  }
}