/* =============================================================
   PALETTES 2 AND 3 OF THE PENSION MEIER TEMPLATE
   (spec 2026-09-25-pensionmeier-neutral-template.md, P-C9)
   The tokens of "moos" and "erde" are Martin's own, in css/site.css
   ([data-palette=moos], [data-palette=erde]); "wald" is his default
   and stays untouched, with its contrast gaps measured and reported.
   This file closes those gaps for the two other palettes only, on
   rendered pixels: 4.5:1 text, 3:1 large text and controls. It also
   tints the two pure whites of the tokens (no #fff, as on coiffeur-
   meier). Removing this file leaves Martin's palettes as delivered.
   ============================================================= */

html[data-palette="moos"] {
  --site-surface: #fdfdf9;
  --site-on-dark: #fcfdf8;
  --pm-field-line: #878d7e;
}

html[data-palette="erde"] {
  --site-on-dark: #fffcf7;
  --pm-field-line: #8f8378;
}

/* "Mehr über den Aufenthalt" on the dark farm band: the brand tone of
   .text-link overrides .light-link there (1.7:1 in every palette) */
html:is([data-palette="moos"], [data-palette="erde"]) .text-link.light-link {
  color: var(--site-on-dark);
}

/* Page heads: the eyebrow stands on the untinted top of the photo.
   The overlay reaches the top edge, the eyebrow takes the light tone */
html:is([data-palette="moos"], [data-palette="erde"]) .page-intro-overlay {
  background: linear-gradient(to top, color-mix(in srgb, var(--site-deep) 95%, transparent),
    color-mix(in srgb, var(--site-deep) 68%, transparent) 42%, color-mix(in srgb, var(--site-deep) 55%, transparent));
}

html:is([data-palette="moos"], [data-palette="erde"]) .page-intro .eyebrow.light {
  color: var(--site-on-dark) !important;
}

/* Contact page: small grey labels on the light ground */
html:is([data-palette="moos"], [data-palette="erde"]) .contact-mini-card span,
html:is([data-palette="moos"], [data-palette="erde"]) .inquiry-form em {
  color: var(--site-ink-soft);
}

/* Form field borders: 3:1 against the form ground */
html:is([data-palette="moos"], [data-palette="erde"]) :is(.inquiry-form input, .inquiry-form select, .inquiry-form textarea) {
  border-color: var(--pm-field-line);
}