/* ==========================================================================
   Bootstrap 5.3 brand theme overrides
   Re-points Bootstrap's own CSS custom properties at the OctaTechno brand
   values defined in main.css's :root block, so Bootstrap's base
   component styles (buttons, forms, dropdowns, etc.) inherit the right
   look before main.css's own component rules apply on top.
   ========================================================================== */
:root {
    --bs-primary: #6904F2;
    --bs-primary-rgb: 105, 4, 242;
    --bs-secondary: #4b5563;
    --bs-secondary-rgb: 75, 85, 99;
    --bs-link-color: #6904F2;
    --bs-link-color-rgb: 105, 4, 242;
    --bs-link-hover-color: #5602cc;
    --bs-link-hover-color-rgb: 86, 2, 204;

    --bs-border-radius-sm: 8px;
    --bs-border-radius: 14px;
    --bs-border-radius-lg: 22px;
    --bs-border-radius-xl: 32px;
    --bs-border-radius-2xl: 32px;
    --bs-border-radius-pill: 999px;

    --bs-font-sans-serif: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --bs-body-font-family: 'IBM Plex Sans', sans-serif;
    --bs-body-color: #0d0d0d;
    --bs-body-bg: #ffffff;

    --bs-gutter-x: 1.5rem;
}

.btn-primary {
    --bs-btn-bg: #6904F2;
    --bs-btn-border-color: #6904F2;
    --bs-btn-hover-bg: #5602cc;
    --bs-btn-hover-border-color: #5602cc;
    --bs-btn-active-bg: #5602cc;
    --bs-btn-active-border-color: #5602cc;
}