/* ==========================================================================
   ASK THEME — Advice & Support (ASK) pages
   --------------------------------------------------------------------------
   Brand colour overrides, using the "outline" style: transparent banner
   with an accent underline, white card headers with an accent underline,
   and solid accent icon badges. Requires core.css to be loaded first.
   ========================================================================== */

:root {
    --accent: #D4146F;      /* ASK pink */
    --accent-text: #ffffff; /* white text/icons on pink */
    --link-color: #2661bf;  /* ASK blue links (same as core fallback) */

    /* Banner: transparent fill, pink underline.
       NOTE: previously this banner used a solid KPA-yellow fill (a likely
       copy-paste leftover, flagged earlier). Now that the banner is just
       an underline rather than a full-bleed fill, that mismatch mostly
       disappears — the underline below is pink, matching ASK's own brand.
       Text colour changed from white to black: white only worked against
       the old solid fill, and would be invisible against a transparent
       banner sitting over a typical light page background. */
    --title-bg: #f5f5f500;
    --title-border: 6px solid var(--accent);

    /* Card header: white fill, black text, pink underline */
    --card-header-bg: #ffffff;
    --card-header-text: #000000;
    --card-header-border: 4px solid var(--accent);

    /* Icon badge: solid pink square behind the icon */
    --icon-badge-bg: var(--accent);
    --icon-badge-text: var(--accent-text);
}