:root {
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Roboto', sans-serif;

    --color-primary: #D2141B;
    --color-primary-light: #e63946;
    --color-primary-dark: #b81016;
    --color-secondary: #900c12;
    --color-gradient: linear-gradient(135deg, #D2141B 0%, #b81016 100%);
    --color-gradient2: linear-gradient(180deg, #D2141B 0%, #ea384d 100%);
    --color-gradient3: linear-gradient(135deg, #D2141B 0%, #8b0000 100%);
    --color-golden: #d4a574;
    --color-light-gray: #d3d3d3;
    --color-dark: #0a0b0b;
    --color-light: #f8f9fa;
}

body {
    font-family: var(--font-primary), sans-serif;
    background-color: var(--color-light);
    color: var(--color-dark);
}

.body-color {
    background-color: #fff5f5;
}

a {
    text-decoration: none !important;
}

.light-gray {
    border: 1px solid var(--color-light-gray);
}


/* Utility Classes */
.primary_color {
    color: var(--color-primary) !important;
}

.button1 {
    background-color: var(--color-primary-light) !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.2s ease;
}
.button1:hover {
    background-color: var(--color-primary-dark) !important;
    color: #ffffff !important;
}

.button2 {
    background-color: var(--color-primary) !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.2s ease;
}
.button2:hover {
    background-color: var(--color-primary-dark) !important;
    color: #ffffff !important;
}

.tab-btn-style {
    color: var(--color-dark) !important ;
}

.tab-btn-style.active {
    background-color: var(--color-primary) !important;
    color: var(--color-light) !important;
    border: none !important;
}

.button-outline {
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}
.button-outline:hover {
    border: 1px solid var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: var(--color-light) !important;
}

.grey-text {
    color: var(--color-light-gray) !important;
}
.golden-text {
    color: var(--color-golden) !important;
}

.gradient-bg-1 {
    color: #ffffff !important;
    background: linear-gradient(135deg, #D2141B, #b81016) !important;
}

.gradient-bg-2 {
    border: 1px solid var(--color-primary) !important;
    background-color: var(--color-light) !important;
    color: var(--color-primary) !important;
}
.gradient-bg-2:hover {
    border: 1px solid var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    color: #ffffff !important;
}

.gradient-bg-primary {
    background: var(--color-gradient) !important;
}

.gradient-text {
    background: var(--color-gradient2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.primary-border-style {
    border: 4px solid var(--color-primary) !important;
}

.bg-gradient-custom {
    background: var(--color-gradient3) !important;
}

.bg-light-primary {
    background: #fff1f2 !important;
    color: var(--color-primary) !important;
}


.sidebar-button.active {
    background-color: var(--color-primary) !important;
    color: var(--color-light) !important;
    border: none !important;
}

.sidebar-button:not(.active) {
    background-color: var(--color-light) !important;
    color: #000 !important;
    border: 1px solid var(--color-light-gray) !important;
}

.chat-user-link.active {
    background-color: #fff1f2 !important;
    border-left: 3px solid var(--color-primary) !important;
    border-radius: 0.5rem !important;
}


.profile-section {
    display: none;
}
.profile-section.active {
    display: block;
}

.r-clip {
    background: var(--color-gradient2) !important;
    clip-path: polygon(
        0 0,
        15px 0,
        calc(100% - 15px) 0,
        100% 0,
        100% 70%,
        50% 100%,
        0 70%
    );
}

.glossy-input {
    background: #fff;
    backdrop-filter: blur(8px);
    border: 2px solid transparent;
    padding: 0.5rem 1.25rem;
}
.bg-glass {
    background: transparent;
    backdrop-filter: blur(10px);
}
.toggle-icon {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 1.2rem;
    color: #6c757d;
}

/* Global brand theme additions */
.theme-bg {
    background-color: var(--color-primary) !important;
    color: #ffffff !important;
}
.theme-color {
    color: var(--color-primary) !important;
}
.theme-border {
    border-color: var(--color-primary) !important;
}


/* Select2 Multiselect styling matching pgmatnew */
.select2-container--default .select2-selection--multiple {
    min-height: 38px;
    border: 1px solid #dee2e6;
    border-radius: 50rem !important;
    padding: 2px 10px;
    background-color: #fff;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ef7022;
    box-shadow: 0 0 0 0.25rem rgba(239, 112, 34, 0.25);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ef7022;
    border: 1px solid #ef7022;
    color: #fff;
    border-radius: 20px;
    padding: 2px 8px;
    margin-top: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #eee;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 20px;
}
.select2-container {
    width: 100% !important;
}