/*
 * ============================================================
 *  TEMA 01 — Kurumsal Kırmızı-Beyaz  (tema01.css)
 *
 *  Bu dosya SADECE CSS değişkenlerini tanımlar.
 *  Bileşen stilleri tema-ortak.css'dedir.
 *
 *  Yükleme: header.blade.php
 *    <link rel="stylesheet" href="{{ asset('/assets/tema/tema-ortak.css') }}">
 *    <link rel="stylesheet" href="{{ asset('/assets/tema/tema01.css') }}">
 * ============================================================ */

:root {
    /* ── Ana Renkler ── */
    --tema-birincil:        #9a1d20;    /* Koyu Kırmızı – butonlar, vurgular */
    --tema-birincil-koyu:   #6d1114;    /* Hover / aktif ton */
    --tema-birincil-acik:   #c41e3a;    /* Gradient açık ucu */
    --tema-ikincil:         #232323;    /* Koyu gri – metin, kenarlık */
    --tema-vurgu:           #ffd700;    /* Erişilebilirlik butonu sarısı */

    /* ── Arka Planlar ── */
    --tema-bg-beyaz:        #ffffff;
    --tema-bg-acik:         #f9f9f9;
    --tema-bg-koyu:         #1a1a2e;    /* Footer / koyu alan */

    /* ── Metin ── */
    --tema-metin-koyu:      #232323;
    --tema-metin-orta:      #6c757d;
    --tema-metin-acik:      #ffffff;

    /* ── Kenarlık ── */
    --tema-kenar:           #ededed;
    --tema-kenar-koyu:      #dee2e6;

    /* ── Tipografi ── */
    --tema-font-ana:        'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --tema-font-boyut-base: 1rem;
    --tema-satir-yukseklik: 1.6;

    /* ── Yarıçap ── */
    --tema-radius-kucuk:    4px;
    --tema-radius-orta:     8px;
    --tema-radius-buyuk:    20px;
    --tema-radius-tam:      50%;

    /* ── Gölgeler ── */
    --tema-golge-hafif:     0 2px 8px rgba(0, 0, 0, 0.08);
    --tema-golge-orta:      0 5px 20px rgba(0, 0, 0, 0.12);
    --tema-golge-guclu:     0 10px 40px rgba(0, 0, 0, 0.18);

    /* ── Geçişler ── */
    --tema-gecis:           all 0.3s ease;

    /* ── Video Banner ── */
    --tema-video-overlay:   rgba(0, 0, 0, 0.40);

    /* ════════════════════════════════════════════════════════
       SECTION RENK PALETİ
       Her satırı değiştirerek o bölümün arka planını ayarlayın.
       "inherit" = üst elemanın rengi (sayfa arka planı)
       ════════════════════════════════════════════════════════ */

    /* İkon slider bölümü */
    --s-ikon-bg:            #FDFAF0;    /* Pastel krem — logodaki altın/buğday tonundan */
    --s-ikon-metin:         inherit;
    --s-ikon-aksan:         var(--tema-birincil);

    /* Gündem banner bölümü */
    --s-gundem-bg:          #f9f9f9;
    --s-gundem-metin:       inherit;
    --s-gundem-aksan:       var(--tema-birincil);

    /* Duyurular bölümü */
    --s-duyuru-bg:          #FDF1F1;    /* Pastel gül — logodaki kırmızıdan */
    --s-duyuru-metin:       inherit;
    --s-duyuru-aksan:       var(--tema-birincil);

    /* Haberler bölümü */
    --s-haber-bg:           #f9f9f9;
    --s-haber-metin:        inherit;
    --s-haber-aksan:        var(--tema-birincil);

    /* Basında KGTÜ bölümü */
    --s-basin-bg:           #F4F1ED;    /* Sıcak krem — nötr pastel tamamlayıcı */
    --s-basin-metin:        inherit;
    --s-basin-aksan:        var(--tema-birincil);
}