/* =============================================================
   VoxTech3D — GLOBAL THEME
   Overrides Bootstrap's own classes platform-wide via CSS
   variables. Loaded on EVERY page (portal + auth) AFTER
   Bootstrap. Change a value here and it applies everywhere.
   ============================================================= */

:root {
    /* Brand palette */
    --vt-black: #121416;
    --vt-black-dark: #090d16;
    --vt-blue:  #1a4fd6;
    --vt-blue-dark: #143eab;

    /* Bootstrap theme hooks */
    --bs-primary: #1a4fd6;
    --bs-primary-rgb: 26, 79, 214;
    --bs-body-color: #121416;
    --bs-border-radius: 8px;
}

/* Primary button = brand blue (Bootstrap btn uses its own component vars) */
.btn-primary {
    --bs-btn-bg: var(--vt-black);
    --bs-btn-border-color: var(--vt-black);
    --bs-btn-hover-bg: var(--vt-black-dark);
    --bs-btn-hover-border-color: var(--vt-black-dark);
    --bs-btn-active-bg: var(--vt-black-dark);
    --bs-btn-active-border-color: var(--vt-black-dark);
    --bs-btn-disabled-bg: var(--vt-black);
    --bs-btn-disabled-border-color: var(--vt-black);
}

/* Dark button = brand black (used for the auth primary actions) */
.btn-dark {
    --bs-btn-bg: var(--vt-black);
    --bs-btn-border-color: var(--vt-black);
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
}

/* Links inherit the brand blue */
a { color: var(--vt-blue); }
a:hover { color: var(--vt-blue-dark); }