/* =============================================================
   ESTÜ – Eskişehir Teknik Üniversitesi
   Bootstrap 5 Kurumsal Renk Teması (CSS Custom Properties)
   =============================================================
   Kaynak: ESTÜ Logo Kullanım Kılavuzu
     Koyu Gri     → PANTONE P 179-13 U  |  CMYK: 0, 0, 0, 82
     Koyu Kırmızı → PANTONE P 47-8 C    |  CMYK: 0, 91, 92, 47
   ============================================================= */

:root {
    /* ---- ESTÜ Kırmızı Skalası ---- */
    --estu-red-100: #eddada;
    --estu-red-200: #dbb6b5;
    --estu-red-300: #c38585;
    --estu-red-400: #a54848;
    --estu-red-500: #870c0b; /* Ana kurumsal kırmızı */
    --estu-red-600: #720a09;
    --estu-red-700: #5e0807;
    --estu-red-800: #4a0606;
    --estu-red-900: #360404;

    /* ---- ESTÜ Gri Skalası ---- */
    --estu-gray-100: #dfdfdf;
    --estu-gray-200: #c0c0c0;
    --estu-gray-300: #969696;
    --estu-gray-400: #626262;
    --estu-gray-500: #2e2e2e; /* Ana kurumsal gri */
    --estu-gray-600: #272727;
    --estu-gray-700: #202020;
    --estu-gray-800: #191919;
    --estu-gray-900: #121212;

    /* ---- RGB Değerleri (opacity desteği için) ---- */
    --estu-red-500-rgb: 135, 12, 11;
    --estu-gray-500-rgb: 46, 46, 46;

    /* ---- Bootstrap 5 Override ---- */
    --bs-primary: #870c0b;
    --bs-primary-rgb: 135, 12, 11;
    --bs-secondary: #2e2e2e;
    --bs-secondary-rgb: 46, 46, 46;
    --bs-link-color: #870c0b;
    --bs-link-color-rgb: 135, 12, 11;
    --bs-link-hover-color: #5e0807;
    --bs-link-hover-color-rgb: 94, 8, 7;
    --akts-font: 'Quicksand', 'Segoe UI', Tahoma, 'Helvetica Neue', Arial, sans-serif; /* başlıklar / navbar / marka */
    --akts-body-font: 'Inter', 'Segoe UI', Tahoma, 'Helvetica Neue', Arial, sans-serif; /* gövde metni / tablolar */

}


/* =============================================================
   Utility Sınıfları
   ============================================================= */

/* ---- Background ---- */
.bg-estu-red-100 {
    background-color: var(--estu-red-100) !important;
}

.bg-estu-red-200 {
    background-color: var(--estu-red-200) !important;
}

.bg-estu-red-300 {
    background-color: var(--estu-red-300) !important;
}

.bg-estu-red-400 {
    background-color: var(--estu-red-400) !important;
}

.bg-estu-red-500 {
    background-color: var(--estu-red-500) !important;
}

.bg-estu-red-600 {
    background-color: var(--estu-red-600) !important;
}

.bg-estu-red-700 {
    background-color: var(--estu-red-700) !important;
}

.bg-estu-red-800 {
    background-color: var(--estu-red-800) !important;
}

.bg-estu-red-900 {
    background-color: var(--estu-red-900) !important;
}

.bg-estu-gray-100 {
    background-color: var(--estu-gray-100) !important;
}

.bg-estu-gray-200 {
    background-color: var(--estu-gray-200) !important;
}

.bg-estu-gray-300 {
    background-color: var(--estu-gray-300) !important;
}

.bg-estu-gray-400 {
    background-color: var(--estu-gray-400) !important;
}

.bg-estu-gray-500 {
    background-color: var(--estu-gray-500) !important;
}

.bg-estu-gray-600 {
    background-color: var(--estu-gray-600) !important;
}

.bg-estu-gray-700 {
    background-color: var(--estu-gray-700) !important;
}

.bg-estu-gray-800 {
    background-color: var(--estu-gray-800) !important;
}

.bg-estu-gray-900 {
    background-color: var(--estu-gray-900) !important;
}

/* ---- Text Color ---- */
.text-estu-red-100 {
    color: var(--estu-red-100) !important;
}

.text-estu-red-200 {
    color: var(--estu-red-200) !important;
}

.text-estu-red-300 {
    color: var(--estu-red-300) !important;
}

.text-estu-red-400 {
    color: var(--estu-red-400) !important;
}

.text-estu-red-500 {
    color: var(--estu-red-500) !important;
}

.text-estu-red-600 {
    color: var(--estu-red-600) !important;
}

.text-estu-red-700 {
    color: var(--estu-red-700) !important;
}

.text-estu-red-800 {
    color: var(--estu-red-800) !important;
}

.text-estu-red-900 {
    color: var(--estu-red-900) !important;
}

.text-estu-gray-100 {
    color: var(--estu-gray-100) !important;
}

.text-estu-gray-200 {
    color: var(--estu-gray-200) !important;
}

.text-estu-gray-300 {
    color: var(--estu-gray-300) !important;
}

.text-estu-gray-400 {
    color: var(--estu-gray-400) !important;
}

.text-estu-gray-500 {
    color: var(--estu-gray-500) !important;
}

.text-estu-gray-600 {
    color: var(--estu-gray-600) !important;
}

.text-estu-gray-700 {
    color: var(--estu-gray-700) !important;
}

.text-estu-gray-800 {
    color: var(--estu-gray-800) !important;
}

.text-estu-gray-900 {
    color: var(--estu-gray-900) !important;
}

/* ---- Border Color ---- */
.border-estu-red {
    border-color: var(--estu-red-500) !important;
}

.border-estu-gray {
    border-color: var(--estu-gray-500) !important;
}

/* ---- Bootstrap Button Override ---- */
.btn-estu-red {
    color: #fff;
    background-color: var(--estu-red-500);
    border-color: var(--estu-red-500);
}

.btn-estu-red:hover {
    color: #fff;
    background-color: var(--estu-red-600);
    border-color: var(--estu-red-700);
}

.btn-estu-red:active,
.btn-estu-red.active {
    color: #fff;
    background-color: var(--estu-red-700);
    border-color: var(--estu-red-800);
}

.btn-estu-red:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(var(--estu-red-500-rgb), .5);
}

.btn-outline-estu-red {
    color: var(--estu-red-500);
    border-color: var(--estu-red-500);
    background-color: transparent;
}

.btn-outline-estu-red:hover {
    color: #fff;
    background-color: var(--estu-red-500);
    border-color: var(--estu-red-500);
}

.btn-estu-gray {
    color: #fff;
    background-color: var(--estu-gray-500);
    border-color: var(--estu-gray-500);
}

.btn-estu-gray:hover {
    color: #fff;
    background-color: var(--estu-gray-600);
    border-color: var(--estu-gray-700);
}

.btn-outline-estu-gray {
    color: var(--estu-gray-500);
    border-color: var(--estu-gray-500);
    background-color: transparent;
}

.btn-outline-estu-gray:hover {
    color: #fff;
    background-color: var(--estu-gray-500);
    border-color: var(--estu-gray-500);
}

/* ---- Badge ---- */
.badge-estu-red {
    color: #fff;
    background-color: var(--estu-red-500);
}

.badge-estu-gray {
    color: #fff;
    background-color: var(--estu-gray-500);
}

/* ---- Alert ---- */
.alert-estu-red {
    color: var(--estu-red-800);
    background-color: var(--estu-red-100);
    border-color: var(--estu-red-200);
}

.alert-estu-gray {
    color: var(--estu-gray-800);
    background-color: var(--estu-gray-100);
    border-color: var(--estu-gray-200);
}