/*
 * brand-root-override.css
 * ─────────────────────────────────────────────────────────
 * Drop this file into any project to override the brand system's
 * compiled defaults at runtime — no recompile needed.
 *
 * Only override what you need. Tints/darks are auto-computed
 * via color-mix() from the base vars, but you can pin them
 * explicitly here if the project requires exact approved values.
 * ─────────────────────────────────────────────────────────
 */

:root {

    /* ── Core brand palette ─────────────────────────────── */
    --brand-primary: #2B4B8F;
    --brand-secondary: #0a2233;
    --brand-accent: #FECD4F;

    /* ── General ────────────────────────────────── */
    /* Page background color — overrideable at runtime */
    --brand-text-color:       var(--brand-primary);
    --brand-bg-body: #fff; /* light gray base */
    --brand-gray-light: #f2f2f2;
    /*For CSS background pattern*/
    --brand-bg-pattern-color: rgba(0, 0, 0, 0.03);
    --brand-bg-pattern-dot-size: 1px;
    --brand-bg-pattern-size: 20px;

    --brand-link-color: var(--brand-primary);
    --brand-link-hover-color: var(--brand-primary);
    --brand-border-radius: 0;

    /* ── Typography ─────────────────────────────────────── */
    --brand-title-color: var(--brand-primary);
    --brand-font-family-base: 'Rethink sans', sans-serif;
    --brand-font-family-title: 'Rethink sans', sans-serif;
    --brand-font-weight-base: 500;

    /* ── Bootstrap bridge vars ──────────────────────────── */
    --bs-primary: var(--brand-primary);
    --bs-secondary: var(--brand-secondary);
    --bs-nav-link-color: var(--brand-link-color);
    --bs-nav-link-hover-color: var(--brand-link-hover-color);
    --bs-link-color: var(--brand-link-color);
    --bs-link-hover-color: var(--brand-link-hover-color);
    --bs-border-radius: var(--brand-border-radius);
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-btn-border-radius: var(--brand-border-radius);
}

body {
    background-color: var(--brand-bg-body);
}