/*
 * 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-dark: #9E76CB;
    --brand-primary-soft: #F4F1F8;
    --brand-primary-purple:#EAE0F8;
    --brand-primary-light-purple:#F9F5FD;

    --brand-gray-soft-light:#E6E6EC;
    /* ── General ────────────────────────────────── */
    /* Page background color — overrideable at runtime */
    --brand-bg-body: #fff; /* light gray base */

    /*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-dark);
    --brand-link-hover-color: var(--brand-primary);
    --brand-border-radius: 0;

    /* ── Typography ─────────────────────────────────────── */
    --brand-title-color: var(--brand-secondary);
    --brand-font-family-base: 'Archivo', 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);

}