/* Shared dashboard theme tokens. The pages and their stylesheets use only these variables for
   brand colours, fonts and corner radius. The defaults are the University of Glasgow theme;
   each customer's theme.css, loaded after the page stylesheet, overrides what it needs. */
:root {
    --dash-primary:       #011451;   /* header, primary buttons, counts */
    --dash-primary-hover: #0d2370;
    --dash-accent:        #005398;   /* links, sign-out, the accent tile */
    --dash-accent-hover:  #0a66b5;
    --dash-accent-rgb:    0, 83, 152;
    --dash-ink:           #343536;   /* body text */
    --dash-muted:         #4f5961;   /* secondary text */
    --dash-ground:        #ededed;   /* page background */
    --dash-surface:       #ffffff;   /* tiles, cards, dialogs */
    --dash-panel:         #f7f7f7;   /* inset panels, board columns */
    --dash-line:          #d3d3d3;
    --dash-field:         #b5b5b5;   /* form control borders */

    /* Production phases (Overview chart, phase rules, Board column tops) */
    --dash-new:           #f2d25c;
    --dash-prod:          #4dbbc6;
    --dash-done:          #405d18;
    --dash-attn:          #a60367;   /* needs a reply, overdue, warnings */
    --dash-attn-hover:    #c0157f;
    --dash-mail-red:      #ED1C24;   /* red envelope on a filled column heading */
    --dash-archive:       #8a8f96;
    --dash-on-phase:      var(--dash-primary);   /* text on the light New / In production bars */

    --dash-highlight:     var(--dash-new);       /* active tab, focus on the header, highlighted cards */
    --dash-highlight-bg:  #fff7d6;
    --dash-drop-bg:       #e6eef6;               /* board column under a dragged card */
    --dash-rule:          var(--dash-prod);      /* short rule on the sign-in card, sign-in footer border */

    /* Header */
    --dash-header-bg:     var(--dash-primary);
    --dash-header-fg:     #ffffff;
    --dash-header-line:   rgba(255,255,255,.5);
    --dash-header-border: 0;
    --dash-logo-height:   58px;
    --dash-logo-filter:   none;

    --dash-font:          'Noto Sans', 'Segoe UI', Arial, sans-serif;
    --dash-radius:        0;
    --dash-radius-pill:   0;

    --bs-border-radius:      var(--dash-radius);
    --bs-border-radius-sm:   var(--dash-radius);
    --bs-border-radius-lg:   var(--dash-radius);
    --bs-border-radius-xl:   var(--dash-radius);
    --bs-border-radius-pill: var(--dash-radius-pill);
    --bs-body-font-family:   var(--dash-font);
    --bs-body-color:         var(--dash-ink);
    --bs-link-color:         var(--dash-accent);
    --bs-link-color-rgb:     var(--dash-accent-rgb);
}