/* ==========================================================================
   KPA THEME — Keele Postgraduate Association 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: #F4AF23;      /* KPA yellow */
    --accent-text: #000000; /* black text/icons on yellow */
    --link-color: #7b1e3a;  /* KPA maroon links */

    /* Banner: transparent fill, yellow underline, black ink text */
    --title-bg: #f5f5f500;
    --title-text: #000000;
    --title-border: 6px solid var(--accent);

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

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

    --btn-bg: #000000;
}