/* ============================
   MSAB Bootstrap Theme (v1)
   ============================ */

:root {
    /* Primary Blues */
    --msab-blue-1: #698AA1;
    --msab-blue-2: #45647A;
    --msab-blue-3: #223A4D;
    --msab-blue-4: #667C8E;
    --msab-blue-5: #23282D;
    /* Accent Yellow */
    --msab-yellow: #FFC72A;
    /* Grays */
    --msab-gray-1: #F6F6F6;
    --msab-gray-2: #667C8E;
    --msab-gray-3: #23282D;
    /* Product Family Colors */
    --msab-xry: #4a6984;
    --msab-xamn: #4b5379;
    --msab-xec: #704658;
    --msab-unify: #293F31;
    /* Bootstrap overrides */
    --bs-body-bg: var(--msab-gray-1);
    --bs-body-color: var(--msab-blue-3);
    --bs-primary: var(--msab-blue-2);
    --bs-secondary: var(--msab-blue-4);
    --bs-success: var(--msab-unify);
    --bs-info: var(--msab-xry);
    --bs-warning: var(--msab-yellow);
    --bs-danger: var(--msab-xec);
    --bs-light: var(--msab-gray-1);
    --bs-dark: var(--msab-blue-3);
    --bs-link-color: var(--msab-yellow);
    --bs-link-hover-color: #e6b800;
}

/* ============================
   Typography
   ============================ */
body, .msab-body {
    font-family: 'Roboto', Arial, sans-serif;
    color: var(--msab-blue-3);
    background-color: var(--msab-gray-1);
}

h1, h2, h3, .msab-headline {
    font-family: 'Borda', 'Segoe UI', Arial, sans-serif;
    font-weight: 500;
  /*  color: var(--msab-blue-3);*/
    text-align: left;
    margin-bottom: 1rem;
}

.msab-tagline {
    font-size: 1.1rem;
    color: var(--msab-blue-2);
    font-style: italic;
}

/* ============================
   Buttons
   ============================ */
.btn-msab,
.btn-primary {
    background-color: var(--msab-yellow);
    color: var(--msab-blue-3);
    border: none;
    font-weight: 500;
    transition: background 0.2s;
}

    .btn-msab:hover,
    .btn-msab:focus,
    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #e6b800;
        color: var(--msab-blue-3);
    }

    .btn-msab:disabled,
    .btn-primary:disabled {
        background-color: var(--msab-gray-2);
        color: #ddd;
    }

/* Accent text */
.msab-accent {
    color: var(--msab-yellow);
    font-weight: bold;
    text-decoration: underline;
}

.text-msab-yellow {
    color: var(--msab-blue-5) !important;
}

/* ============================
   Utilities & Backgrounds
   ============================ */
.msab-logo-container {
    padding: 2rem;
    background: var(--msab-blue-1);
    display: inline-block;
}

.bg-msab {
    background-color: var(--msab-blue-3) !important;
    color: #fff;
}

.bg-msab-2 {
    background-color: var(--msab-gray-1) !important;
}

.bg-xry {
    background-color: var(--msab-xry) !important;
}

.bg-xamn {
    background-color: var(--msab-xamn) !important;
}

.bg-xec {
    background-color: var(--msab-xec) !important;
}

.bg-unify {
    background-color: var(--msab-unify) !important;
}

.msab-whitespace {
    margin: 2rem 0;
    padding: 1rem 0;
}

.msab-highlight {
    background: var(--msab-yellow);
    color: var(--msab-blue-3);
    padding: 0.2em 0.4em;
    border-radius: 0.2em;
}