/*
 * DPUK theme: the NDP Dementias Hub (dementiashub.ndp.serp.ac.uk). The host site (served from Nexus) supplies the
 * banner, footer and typefaces (Poppins headings, Figtree text); these tokens make the DataPortal content match it.
 * Values come from the host's Elementor global colours: primary #EB3A8A, secondary #6E1C9B, text #2D2A26,
 * background #F4F1F2.
 * The host pink (--dp-color-brand) is 3.8:1 with white. Nothing uses it yet; it fails 4.5:1 for text, so keep it to
 * accents and borders. Links use a darker pink and buttons the host purple. Text pairs are checked at 4.5:1 or better against both surfaces.
 * overrides.css undoes the host's !important link and button colours, which fail that check.
 */
:root {
    --dp-color-brand: #EB3A8A;
    --dp-color-text: #2D2A26;
    --dp-color-text-muted: #515962;
    --dp-color-link: #B8246A;
    --dp-color-link-hover: #6E1C9B;
    --dp-color-action: #6E1C9B;
    --dp-color-action-hover: #4F1570;
    --dp-color-on-action: #FFFFFF;
    --dp-color-focus: #6E1C9B;

    --dp-color-surface: #FFFFFF;
    --dp-color-surface-subtle: #F4F1F2;
    --dp-color-border: #DED6DC;
    --dp-color-border-strong: #998696; /* 3.4:1 on white, 3:1 on surface-subtle (WCAG 1.4.11) */

    --dp-font-family: inherit;
    --dp-font-size-base: 1rem;
    /* The host's panels are square. Its buttons are pills, which overrides.css gives every button. */
    --dp-radius: 0;
}
