/* ==============================
 BUTTON BASE
============================== */
.btn-custom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    font-size: 14.5px;
    font-weight: 600;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-decoration: none;
}

/* Sizes */
.btn-lg-custom {
    padding: 14px 38px;
    font-size: 16px;
}

.btn-sm-custom {
    padding: 8px 18px;
    font-size: 13px;
}

.btn-primary-custom {
    background: linear-gradient(135deg, var(--dufc-gold), var(--dufc-gold-dark));
    color: #071722;
    box-shadow: 0 12px 30px rgba(210, 182, 140, 0.45);
}

.btn-primary-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(210, 182, 140, 0.6);
}


.btn-blue-custom {
    background: linear-gradient(135deg, var(--dufc-blue), var(--dufc-blue-mid));
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(10, 28, 42, 0.35);
}

.btn-blue-custom:hover {
    background: linear-gradient(135deg, var(--dufc-blue-mid), var(--dufc-blue));
}

.btn-gold-custom {
    background: linear-gradient(135deg, var(--dufc-gold), var(--dufc-gold-light));
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(10, 28, 42, 0.35);
}

.btn-gold-custom:hover {
    background: linear-gradient(135deg, var(--dufc-gold-light), var(--dufc-gold));
}




.btn-danger-custom {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(220, 38, 38, 0.35);
}

.btn-danger-custom:hover {
    transform: translateY(-2px);
}


.btn-success-custom {
    background: linear-gradient(135deg, #16a34a, #15803d);
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(22, 163, 74, 0.35);
}


.btn-outline-primary-custom {
    background: transparent;
    color: var(--dufc-gold);
    border: 2px solid rgba(210, 182, 140, 0.6);
}

.btn-outline-primary-custom:hover {
    background: var(--dufc-gold);
    color: #071722;
}

.btn-outline-blue-custom {
    background: transparent;
    color: var(--dufc-blue);
    border: 2px solid rgba(10, 28, 42, 0.25);
}

.btn-outline-blue-custom:hover {
    background: var(--dufc-blue);
    color: #ffffff;
}


/* ==============================
 TEXT COLORS
============================== */
.text-primary-custom {
    color: var(--dufc-gold) !important;
}

.text-blue-custom {
    color: var(--dufc-blue) !important;
}

.text-danger-custom {
    color: var(--danger) !important;
}

.text-success-custom {
    color: var(--success) !important;
}

.text-muted-custom {
    color: #64748b !important;
}

.text-white-custom {
    color: #ffffff !important;
}

.text-black-custom {
    color: #0b0f19 !important;
}


/* ==============================
 BACKGROUND COLORS
============================== */
.bg-primary-custom {
    background: var(--dufc-gold) !important;
    color: #071722;
}

.bg-blue-custom {
    background: var(--dufc-blue) !important;
    color: #ffffff;
}

.bg-danger-custom {
    background: var(--danger) !important;
    color: #ffffff;
}

.bg-light-custom {
    background: #f5f7fb !important;
}