/* DBIM design tokens (Digital Brand Identity Manual v3.0, section 4: Typography).
   Pixel values on purpose: the legacy stylesheet shrinks the root font-size to 12px below 1024px,
   which made rem-based text too small on tablets and phones. */
:root {
    /* type scale: desktop (DBIM Table 3). --dbim-scale is set by the accessibility Text Size buttons (1 = default). */
    --dbim-fs-h1: calc(36px * var(--dbim-scale, 1));
    --dbim-fs-h2: calc(24px * var(--dbim-scale, 1));
    --dbim-fs-h3: calc(20px * var(--dbim-scale, 1));
    --dbim-fs-p1: calc(16px * var(--dbim-scale, 1));
    --dbim-fs-p2: calc(14px * var(--dbim-scale, 1));
    --dbim-fs-sm: calc(12px * var(--dbim-scale, 1));
    --dbim-lh: 1.5;                 /* DBIM: line height 1.2 to 1.5 x type size */
    --dbim-font: 'Noto Sans', Arial, Helvetica, sans-serif;
}
@media (max-width: 767px) {
    :root {                         /* DBIM Table 4: mobile */
        --dbim-fs-h1: calc(24px * var(--dbim-scale, 1));
        --dbim-fs-h2: calc(20px * var(--dbim-scale, 1));
        --dbim-fs-h3: calc(16px * var(--dbim-scale, 1));
        --dbim-fs-p1: calc(14px * var(--dbim-scale, 1));
        --dbim-fs-p2: calc(12px * var(--dbim-scale, 1));
        --dbim-fs-sm: calc(10px * var(--dbim-scale, 1));
    }
}

/* ---- colour system (DBIM section 2). One colour group: key colour (darkest shade) + variants; other colours are functional. ---- */
:root {
    --dbim-key: #162f6a;            /* key colour (darkest shade): footer, menu bar, headings, icons */
    --dbim-key-dark: #162f6a;       /* darker variant: hover/pressed */
    --dbim-key-mid: #214aab;        /* mid variant: buttons, active states */
    --dbim-key-tint: #d2dfff;       /* light variant: tinted backgrounds */
    /* functional palette (DBIM Table 1) */
    --dbim-linen: #ebeaea;          /* outlines, highlight backgrounds */
    --dbim-white: #ffffff;          /* page background, text/icons on dark */
    --dbim-text: #150202;           /* text on light backgrounds (Deep Earthy Brown) */
    --dbim-black: #000000;          /* State Emblem on light backgrounds */
    --dbim-link: #0d6efd;           /* hyperlinks in running text */
    --dbim-success: #198754;
    --dbim-warning: #ffc107;
    --dbim-error: #dc3545;
    --dbim-info: #0d6efd;
    --dbim-grey-1: #c6c6c6;
    --dbim-grey-2: #8e8e8e;
    --dbim-grey-3: #606060;         /* secondary text */
}
/* DBIM: Noto Sans is the typeface; body text uses the DBIM text colour and is left-aligned */
body, p, li, td, th, label, input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-family: var(--dbim-font); }
body { color: var(--dbim-text); }
/* superscripts/subscripts (e.g. dates like 23rd in CMS content) stay on the DBIM scale */
sup, sub { font-size: var(--dbim-fs-sm); line-height: 0; }
/* centred inline DBIM icons (replaces inline style attributes, which the CSP blocks) */
.dbim-svg-c { display: flex; justify-content: center; }