:root {
    /* 🎨 Core Colors */
    --bs-primary: #FF6A00;
    --bs-primary-rgb: 255, 106, 0;

    --bs-secondary: #5c6c75;
    --bs-secondary-rgb: 92, 108, 117;

    --bs-success: #198754;
    --bs-success-rgb: 25, 135, 84;

    --bs-info: #016bf8;
    --bs-info-rgb: 1, 107, 248;

    --bs-warning: #ffc107;
    --bs-warning-rgb: 255, 193, 7;

    --bs-danger: #db3030;
    --bs-danger-rgb: 219, 48, 48;

    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;

    --bs-dark: #0f172a;
    --bs-dark-rgb: 15, 23, 42;

    /* 🎨 Gray Scale */
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;

    --bs-body-color: #495057;
    --bs-body-bg: #ffffff;

    /* 🔗 Links */
    --bs-link-color: #FF6A00;
    --bs-link-hover-color: #cc5500;

    /* 🔤 Typography */
    --bs-font-sans-serif: "Inter", "Poppins", sans-serif;
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 500;
    --bs-body-line-height: 1.5;

    /* 📦 Borders */
    --bs-border-color: #e9ecef;
    --bs-border-radius: 0.375rem;
    --bs-border-radius-lg: 0.5rem;
}

.btn-primary {
    --bs-btn-color: #fff;

    --bs-btn-bg: #FF6A00;
    --bs-btn-border-color: #FF6A00;

    /* Hover */
    --bs-btn-hover-bg: #e65c00;
    --bs-btn-hover-border-color: #e65c00;

    /* Focus */
    --bs-btn-focus-shadow-rgb: 255, 106, 0;

    /* Active */
    --bs-btn-active-bg: #cc5200;
    --bs-btn-active-border-color: #cc5200;

    /* Disabled */
    --bs-btn-disabled-bg: #ff944d;
    --bs-btn-disabled-border-color: #ff944d;
}


.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    /* Hover */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);

    /* Focus (FIXED RGB) */
    --bs-btn-focus-shadow-rgb: 255, 106, 0;

    /* Active */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e65c00;
    --bs-btn-active-border-color: #e65c00;

    /* Disabled */
    --bs-btn-disabled-color: #ff944d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff944d;
}