/*
 * GTGF contrastfase E2 — Receptsjabloon (single-gtgf_recipe.php, geldt voor alle 176
 * receptpagina's via dit ene gedeelde bestand).
 *
 * Twee afzonderlijke root causes, allebei hetzelfde patroon: een generieke, verderop in de
 * cascade geladen "contrast-fix"-regel is bedoeld voor de normale (papieren/lichte) pagina-
 * achtergrond, maar mist een uitzondering voor een onderdeel dat zelf een eigen, bewust
 * andere achtergrond heeft. Precies zoals bij de Evenementen-fix (contrastfase-e1-events.css):
 * geen van de bestaande bestanden hieronder is aangepast.
 *
 * 1) .recipe-coach-note ("GTGF coachnotitie"): legacy-v13.css regel 960 geeft dit blok
 *    bewust een donkere achtergrond (background: var(--black)). Maar assets/css/v16/
 *    quality-contrast-premium-v164610.min.css (var(--gtgf44-copy), bedoeld voor tekst OP
 *    PAPIER) en assets/css/v15/site-contrast-flow-v159995.css regel 170-176 (.eyebrow,
 *    var(--vp95-accent-on-light), eveneens een "leesbaar op licht"-variant) winnen het van de
 *    eigen, correcte donkere-achtergrond-tegenhanger. Live gemeten op
 *    /recepten/recovery-rice-bowl/: het tip-tekstje in ~rgb(85,81,76) en "GTGF coachnotitie"
 *    in #bd3e00, allebei op #111111 (~2,4:1 en ~3,46:1).
 *
 *    Bijzonderheid: site-contrast-flow-v159995.css regel 170 bevat "...,.planner-section,
 *    #planner-results,.v1594-article-page,..." — een ID-selector (#planner-results) als één
 *    van de opties in een :is()-lijst. Per CSS-specificiteitsregels telt zo'n :is() mee met de
 *    specificiteit van zijn meest specifieke optie, ongeacht welke tak daadwerkelijk matcht —
 *    dus deze regel heeft ID-niveau-specificiteit (1 id) op ELK element dat de lijst raakt, ook
 *    via de heel andere, klasse-gebaseerde ".section--paper"-tak. Geen enkel aantal herhaalde
 *    klassen/:root's wint daarvan; alleen een selector met minstens even hoge (ID-niveau)
 *    specificiteit kan winnen. Vermoedelijk onbedoeld (dit patroon met #planner-results in een
 *    gedeelde :is()-lijst komt in ~49 CSS-bestanden voor) maar niet hier gerepareerd — enkel
 *    omzeild via dezelfde :is(#anker, ...)-truc, met een verzonnen, nergens bestaand anker-id
 *    zodat er niets echts van afhangt.
 *
 * 2) .planner-disclaimer ("Maak het persoonlijk"): dit blok is standaard donker (legacy-v13.css
 *    regel 727-728: background: var(--black); .eyebrow { color: var(--orange) }) en dat klopt
 *    nog steeds op de Training Planner-pagina zelf (page-training-planner.php). Maar op
 *    receptpagina's zet assets/css/v15/visual-pages-v159993.css (regel 1019-1023,
 *    body.gtgf-v14.gtgf-vs2.gtgf-vp93-recipes .planner-disclaimer) de achtergrond bewust om
 *    naar var(--gtgf-paper) (licht) — zonder de bijbehorende tekstkleuren (kop, alinea,
 *    eyebrow) mee te veranderen. Die blijven dus de donkere-achtergrond-waarden houden: kop
 *    en alinea in bijna-wit/lichtgrijs op licht papier (~1,0-1,1:1 — vrijwel onleesbaar, niet
 *    eerder als apart punt genoteerd) en de eyebrow in fel oranje op licht papier (~2,1:1).
 *    Alleen gecorrigeerd binnen .gtgf-vp93-recipes; de donkere versie op de Training Planner-
 *    pagina zelf is bewust niet aangeraakt (die is al correct).
 *
 * Uitzetten: define( 'GTGF_CONTRASTFASE_E2', false ); in wp-config.php.
 */

:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root
:is(#gtgf-cf-anker, .recipe-coach-note) :is(p, small, span):not(.eyebrow) {
  color: var(--gt-on-night-muted, #c4c0b8) !important;
  -webkit-text-fill-color: var(--gt-on-night-muted, #c4c0b8) !important;
}

:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root
:is(#gtgf-cf-anker, .recipe-coach-note) .eyebrow {
  color: var(--gt-accent, #ff5400) !important;
  -webkit-text-fill-color: var(--gt-accent, #ff5400) !important;
}

:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root
body.gtgf-vp93-recipes :is(#gtgf-cf-anker, .planner-disclaimer) h2 {
  color: var(--gtgf-ink, #111111) !important;
  -webkit-text-fill-color: var(--gtgf-ink, #111111) !important;
}

:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root
body.gtgf-vp93-recipes :is(#gtgf-cf-anker, .planner-disclaimer) .split__copy p {
  color: var(--gtgf-text-secondary, #55514c) !important;
  -webkit-text-fill-color: var(--gtgf-text-secondary, #55514c) !important;
}

:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root
body.gtgf-vp93-recipes :is(#gtgf-cf-anker, .planner-disclaimer) .eyebrow {
  color: var(--gtgf-accent-text, #bd3e00) !important;
  -webkit-text-fill-color: var(--gtgf-accent-text, #bd3e00) !important;
}