/* FIAR's palette throughout the pages built on it (owner, 27 Sep 2026): FIAR and Law enforcement & FIUs. Shared
   blocks bring the Centre's forest and its green-greys with them; on these pages they take FIAR's blue, blue-grey text
   and lines, and lime for actions and highlights. The header and the logos keep the Centre's colours, including the
   AML Active icon. Values live in assets-tokens.css; pages opt in through page-palette.mjs. */

/* Text and lines that shared styles set in the Centre's green-greys. */
body[data-palette="fiar"] .fiar-module-body>p,
body[data-palette="fiar"] .cpd-reference,
body[data-palette="fiar"] .cpd-reference strong{color:var(--fiar-ink)}
body[data-palette="fiar"] .programme-format-note>p,
body[data-palette="fiar"] .course-faq header>p:last-child,
body[data-palette="fiar"] .course-faq .course-faq-group>h3,
body[data-palette="fiar"] .audit-cooperation dt,
body[data-palette="fiar"] .cpd-reference p{color:var(--fiar-text-secondary)}
body[data-palette="fiar"] .audit-chain-art>i{border-left-color:#8ea6bd}
body[data-palette="fiar"] .programme-reviews-link{border-top-color:var(--fiar-line)}

/* FAQ (brand-faq.css loads last and marks its rules important). */
:root body[data-palette="fiar"] details.brand-faq__item{border-bottom-color:var(--fiar-line)!important}
:root body[data-palette="fiar"] details.brand-faq__item:first-of-type{border-top-color:var(--fiar-line)!important}
:root body[data-palette="fiar"] details.brand-faq__item>.brand-faq__answer{color:var(--fiar-text-secondary)!important}
@media(hover:hover) and (pointer:fine){:root body[data-palette="fiar"] details.brand-faq__item>summary.brand-faq__question:hover{color:var(--fiar-blue-hover)!important}}

/* AML Active: the membership panel sits on FIAR's navy, like the case and the closing panel. */
body[data-palette="fiar"] .cp-active-panel{background:var(--fiar-navy)}
body[data-palette="fiar"] .exam-optional-membership .cp-active-lead{color:var(--fiar-on-dark)}
body[data-palette="fiar"] .exam-optional-membership .cp-active-benefits p{color:#bcd0e1}
body[data-palette="fiar"] .exam-optional-membership .cp-active-note{color:var(--fiar-on-dark-muted)}
body[data-palette="fiar"] .exam-optional-membership a.cp-active-link{color:var(--fiar-lime)}
body[data-palette="fiar"] .cp-active-art{background:#021f3a;box-shadow:inset 0 0 0 1px #dbe8f224}
body[data-palette="fiar"] .cp-active-art--course b{color:var(--fiar-lime)}



/* "For organisations" navigation (Law enforcement & FIUs): its near-white ground matches the header and stays. */
body[data-palette="fiar"] main .organisation-navigation{color:var(--fiar-ink);border-bottom-color:var(--fiar-line)}
body[data-palette="fiar"] main .organisation-navigation :is(summary,a){color:var(--fiar-ink)}
body[data-palette="fiar"] main :is(.organisation-navigation-prompt,.organisation-navigation .organisation-navigation-label){color:var(--fiar-text-secondary)}
body[data-palette="fiar"] main .organisation-navigation a[aria-current=page]{text-decoration-color:var(--fiar-blue-hover)}
body[data-palette="fiar"] main .organisation-navigation :is(summary,a):focus-visible{outline-color:var(--fiar-blue-hover)}

/* Links that fall back to the site's teal on hover. :where keeps this at the default's weight, so the lime of FIAR's
   dark panels still wins there. Focus rings need no palette: they take each element's own text colour. */
body:where([data-palette="fiar"]) a:hover{color:var(--fiar-blue-hover)}
body[data-palette="fiar"] .skip-link{background:var(--fiar-navy)}
body[data-palette="fiar"] .skip-link:is(:hover,:focus){color:#fff}

/* The announcement bar: FIAR's lime with navy text and a navy button. */
body[data-palette="fiar"] .site-announcement{background:var(--fiar-lime);color:var(--fiar-navy)}
body[data-palette="fiar"] .site-announcement .btn{background:var(--fiar-navy);border-color:var(--fiar-navy);color:#fff}
body[data-palette="fiar"] .site-announcement .btn:hover{background:var(--fiar-blue-hover);border-color:var(--fiar-blue-hover)}

/* The footer: a navy a step deeper than the closing panel, with a hairline where they meet. Links and text are the
   same as on every page. */
body[data-palette="fiar"] .centre-footer{--cf-ink:#f3f7fb;--cf-muted:var(--fiar-on-dark-muted);--cf-line:#28486a;background:var(--fiar-footer);box-shadow:inset 0 1px 0 #dbe8f21f}
body[data-palette="fiar"] .centre-footer .cf-ai-name{background:var(--fiar-paper);color:var(--fiar-navy)}