:root {
    --accent: #00AB8E;      /* KPA yellow */
    --accent-text: #000000; /* black text/icons on yellow */

    /* 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: #ffffff;
}