/* ── University of Bremen corporate-design colours ───────────────────────────
   Pulled from uni-bremen.de: blue #00326d (primary), red #c60c2b (accent),
   with darker/lighter tints. Applied as Material theme variables. */
:root {
    --ub-blue: #00326d;
    --ub-blue-dark: #002857;
    --ub-blue-light: #d5e3f3;
    --ub-red: #c60c2b;
    --ub-red-dark: #aa1f44;
}

/* Primary = UB blue. Attribute-targeted so it beats Material's built-in
   [data-md-color-primary=…] rules regardless of load order. */
[data-md-color-primary="custom"] {
    --md-primary-fg-color: var(--ub-blue);
    --md-primary-fg-color--light: #21467a;
    --md-primary-fg-color--dark: var(--ub-blue-dark);
    --md-primary-bg-color: #ffffff;
    --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* Accent = UB red (hover, focus, selection). */
[data-md-color-accent="custom"] {
    --md-accent-fg-color: var(--ub-red);
    --md-accent-fg-color--transparent: rgba(198, 12, 43, 0.1);
}

/* Make body links UB red so the brand red is actually visible (by default
   Material colours links with the primary, i.e. blue). Header stays blue. */
[data-md-color-scheme="default"] {
    --md-typeset-a-color: var(--ub-red);
}

/* Dark mode: brighten the red so links/accents stay legible on dark. */
[data-md-color-scheme="slate"] {
    --md-typeset-a-color: #ff5d6c;
}
[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
    --md-accent-fg-color: #ff5d6c;
}

/* ── Header: the logo already spells out "vstimd", so hide the duplicate
   site-title text next to it. ─────────────────────────────────────────────── */
.md-header__title {
    display: none;
}

/* ── Compact comparison matrix (used on why-vstimd.md) ───────────────────────
   Many columns are needed, so shrink the font and padding for this table only
   so it fits the content column; horizontal scroll remains as a fallback. */
.compare-matrix table {
    font-size: 0.6rem;
    line-height: 1.35;
}

.compare-matrix table th,
.compare-matrix table td {
    padding: 0.35em 0.45em;
}

/* Emphasise the vstimd column (last one) with a faint brand-blue tint. */
.compare-matrix table td:last-child,
.compare-matrix table th:last-child {
    background: rgba(0, 50, 109, 0.06);
}

.wip-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #fff3cd;
    color: #664d03;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #ffeeba;
    margin-bottom: 12px;
}

/* Mermaid diagrams: let a diagram that is still wider than the content column
   scroll horizontally inside its own box instead of shrinking to unreadable. */
.mermaid {
    overflow-x: auto;
    text-align: center;
}