:root {
  /* Renk Paleti */
  --color-brand: #090a3c;
  --color-action: #0a84ff;
  --color-accent: #ffb400;

  /* Hata ve Olumsuz Durumlar */
  --color-danger: #d32f2f;
  --color-negative: #c60142;
  --color-success: #008530;

  /* Sık Kullanılan Renkler — (2026-07-31) */
  --color-info: #00aeef;           /* takım/link vurgusu, yardım sayfası başlığı */
  --color-ink: #02020c;            /* koyu/seçili metin (neredeyse siyah) */
  --color-muted: #39404c;          /* ikincil/placeholder metin */
  --color-faded: #8697b3;          /* soluk/"veri yok" mesaj metni */
  --color-slate: #434c5c;          /* app banner ve koyu-gri yüzeyler */
  --color-highlight: #5b7fff;      /* tipster ligi vurgu (yıldız, seçili sekme) */
  --color-highlight-alt: #22bdff;  /* seçili/aktif durum (borsa, kupon) */
  --color-focus: #4f46e5;          /* odak/hover indigo (yorum kutusu, tahmin satırı) */
  --color-heading-dark: #1a1a2e;   /* koyu başlık/kullanıcı adı metni */
  --color-profile-blue: #1565c0;   /* profil kapak/çerçeve mavisi */
  --color-navy-alt: #0d1b3e;       /* tipster ligi kendi lacivert tonu */
  --color-stat-muted: #6b7aa1;     /* istatistik etiket metni */
  --color-tipster-badge: #313262;  /* tipster/yazar rozeti arka planı */
  --color-electric-blue: #3a5eff;  /* hover vurgusu (çoklu seçim) */
  --color-sky: #129bc5;            /* yıldız ikonu, yardım sayfası başlığı */
  --color-chrome: #9aaed0;         /* scrollbar/dialog arayüz öğeleri */
  --color-cta-blue: #bfd7ff;       /* üyelik detay bilgi vurgusu */
  --color-social-accent: #8e9dc7;  /* takip butonu (takip edilmiyor durumu) */
  --color-selected-dark: #201a5f;  /* TJK seçili koşu numarası */

  /* Orta Sıklıkta Kullanılan Renkler (2026-07-31) */
  --color-panel-dark: #2d3a55;     /* koyu panel/kart/mesaj kutusu arka planı */
  --color-bronze: #b5830e;         /* oynanma sayısı, bronz vurgu */
  --color-live-badge: #d2293c;     /* canlı skor rozeti (cs-badge), Anasayfa → canlı maç saati ikonu */
  --color-badge-alert: #EE4266;   /* Kupon sayacı, kuponda seçim varken */
  --color-promo-peach: #fed399;    /* promosyon başlığı gradyanı (1. durak) */
  --color-promo-indigo: #595ab6;   /* promosyon başlığı gradyanı (2. durak) */
  --color-outcome-draw: #fba026;   /* beraberlik ("B") bahis seçeneği */
  --color-safe-tan: #e2d3b0;       /* güvenli kupon rozeti arka planı */
  --color-category-teal: #00638f;  /* üyelik/kategori tipi rozeti */
  --color-tjk-accent: #00a7dc;     /* TJK widget vurgu rengi */

  /* Arka Plan ve Yüzey Renkleri */
  --bg-main: #F2F7FF;
  --bg-main-dark: #00002D;
  --surface: #ffffff;
  --surface-dark: #00395C;

  /* Tipografi */
  --font-main: Arial, sans-serif;
  --font-size-xs: 9px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 19px;

  /* Nadir Kullanılan Renkler — benzer tonlara göre gruplandı (2026-07-31) */
  --color-red-1: #ff3737;   /* Kullanıcı Paneli → ödeme durumu rozetleri, Canlı Destek → sohbeti bitir butonu */
  --color-yellow-1: #fef200;   /* Kampanyalar sayfası → çekiliş sonuçları, Maç Detay → istatistik butonu */
  --color-yellow-2: #e4e600;   /* İddaa → bülten manşet bahis oranları */
  --color-green-1: #9ac32f;   /* Anasayfa → duyuru kategorisi rengi, Header → TV/analiz ikonu */
  --color-teal-1: #89cae2;   /* Anasayfa → duyuru kategorisi, İddaa bülteni → oran alanı, istatistik grafik kenarlıkları */
  --color-blue-1: #66757f;   /* Sosyal/Borsa → profil istatistikleri, Kullanıcı Paneli → kupon kapatma, Şans Oyunları → sıralama ikonu, genel yükleniyor animasyonu */
  --color-green-2: #5fd485;   /* Sosyal → Tipster Ligi bahis rengi, bonus rozeti */
  --color-green-3: #4e9865;   /* Sosyal/Borsa → güvenli kupon fiyatı ve durum ikonu */
  --color-blue-2: #445b7f;   /* Header → bakiye alanı, mobil alt menü kupon ikonu, Sosyal → paylaşım/takip renkleri */
  --color-blue-3: #3b82f6;   /* Sosyal Profil → tarih bilgisi ve vurgu rengi */
  --color-blue-4: #2540c4;   /* Sosyal → Tipster Ligi başvuru butonu */
  --color-green-4: #20bf86;   /* İddaa bülteni → seçili oran, Spor Toto rozetleri, para yatırma butonu */
  --color-blue-5: #1e88e5;   /* Sosyal → paylaşım popup'ı (kopyala butonu, yükleniyor animasyonu) */
  --color-blue-6: #0227ca;   /* İddaa bülteni → oran grubu başlığı ve maç adı linki */
  --color-green-5: #014a22;   /* İddaa bülteni → maç saati/skor yazısı */
  --color-teal-2: #009b90;   /* Kullanıcı Paneli üst sekmesi, kupon seçim listesi, filtre paneli seçili durumu */
  --color-green-6: #009345;   /* Kullanıcı Paneli → Para Yatır sayfası */
  --color-yellow-3: #ffd75a;   /* Sosyal → Tipster Ligi podyumu (1.lik), Dünya Kupası mobil banner, Lig Merkezi altın vurgusu */
  --color-yellow-9: #FDD626;   /* Şans Oyunları → Kazı Kazan bileti simgesi (altın rengi) */
  --color-yellow-10: #FFD700;   /* Şans Oyunları → Kazı Kazan bileti simgesi (parlak altın) */
  --color-yellow-11: #ffd800;   /* Kupon → "seçim bulunamadı" sayfası uyarı ikonu */
  --color-orange-1: #ff9400;   /* Genel uyarı kutusu kenarlığı (sarı çerçeve) */
  --color-red-2: #ff0e00;   /* Genel kırmızı vurgu metinleri (eski stil sınıfları) */
  --color-orange-2: #f5b942;   /* Sosyal → promosyon banner'ı, Spor Toto rozeti, turuncu buton */
  --color-orange-3: #f58c50;   /* İddaa bülteni → analiz linki, Sosyal → grafik ikonu, kampanya kartı */
  --color-red-3: #e94b43;   /* Spor Toto rozeti, tamamlama butonu, Şans Oyunları uyarı ikonu */
  --color-red-4: #e8082a;   /* Sosyal/Borsa → "yeni" etiketi */
  --color-orange-4: #e65100;   /* Sosyal Profil → yazar rozeti */
  --color-yellow-4: #e4e489;   /* Maç Detay → istatistik sekmesi, lig tablosu vurgusu */
  --color-orange-5: #d6a87f;   /* Sosyal → Tipster Ligi podyumu (3.lük) */
  --color-orange-6: #d5c295;   /* Sosyal/Borsa → güvenli kupon kutusu kenarlığı */
  --color-red-5: #b82309;   /* Genel hata ilerleme çubuğu (progress bar) */
  --color-red-6: #b20000;   /* İddaa bülteni → maç kodu rengi */
  --color-orange-7: #a26a3b;   /* Sosyal → Tipster Ligi podyumu (3.lük gradyan ucu) */
  --color-green-7: #a0ed24;   /* Genel yeşil metin sınıfı (eski/nadir kullanım) */
  --color-orange-8: #986d00;   /* Uygulamayı İndir banner'ı, Sosyal/Borsa → yorum metni */
  --color-green-8: #7be89c;   /* Sosyal → Tipster Ligi ROI göstergesi */
  --color-teal-3: #6cbde4;   /* İddaa bülteni → başlık/tarih grubu arka planı */
  --color-green-9: #67eebd;   /* Sosyal/Borsa → güvenli kupon ikonu ve grup arka planı */
  --color-teal-4: #66a8b3;   /* Şans Oyunları → yenileme sayacı, genel açık mavi buton */
  --color-blue-7: #628db3;   /* Sosyal → "daha fazla yükle" butonu, maç adı metni */
  --color-teal-5: #52a0a0;   /* Sosyal Profil → kategori rozeti */
  --color-teal-6: #43a7ca;   /* Sosyal/Borsa → durum ikonu ve takip butonu, İddaa bülteni → sıralama ikonu, Header → kupon başlığı, Maç Detay → istatistik karşılaştırma çubuğu (ev sahibi takım) */
  --color-green-10: #43a047;   /* Sosyal → Tipster Ligi aktif rozeti, Maç Detay → istatistik, Kullanıcı Paneli → onay kutusu */
  --color-green-11: #36c4a8;   /* Sosyal → Tipster Ligi başlığı ve "kazandı" durumu ikonu */
  --color-blue-8: #359ade;   /* Kullanıcı Paneli listesi, İddaa bülteni durum ikonu, Sosyal gönderi ikonu, paylaşım butonları */
  --color-blue-9: #232d42;   /* Yardım Merkezi → popüler içerik listesi */
  --color-green-12: #22c55e;   /* Sosyal → seçili tahmin kartı, Canlı Skor → aktif göstergesi, paylaşım/canlı destek ikonları */
  --color-blue-10: #1a56db;   /* Şans Oyunları → başlangıç saati/skor, Sosyal → seçili sekme */
  --color-green-13: #0ead51;   /* Kullanıcı Paneli → kazanılan kupon satırı */
  --color-blue-11: #0a1378;   /* Genel yükleniyor çubuğu (tamamlandı rengi) */
  --color-blue-12: #053b5b;   /* Sosyal/Borsa → promosyon başlığı (eski tarayıcı filtresi, muhtemelen etkisiz) */
  --color-yellow-5: #ffffa3;   /* Genel tooltip kutusu arka planı */
  --color-yellow-6: #fff4d2;   /* Sosyal → aktif sekme gradyanı, şikayet kutusu */
  --color-red-7: #ffd5d5;   /* Sosyal Profil → şikayet durumu metni */
  --color-yellow-7: #ffcf3f;   /* Haftanın Enleri → ikon rengi, genel tooltip kenarlığı */
  --color-red-8: #ff8b95;   /* Sosyal Profil → uyarı metni */
  --color-orange-9: #ff8414;   /* Kampanyalar → katıl butonu, genel durum rengi */
  --color-red-9: #ff6347;   /* Canlı Destek → danışman durumu, Lig Merkezi → maç durumu */
  --color-orange-10: #ff581b;   /* Genel reddetme/iptal butonu */
  --color-pink-1: #f80259;   /* Maç Detay → bilgi satırı ikonu */
  --color-orange-11: #f5862e;   /* Sosyal/Borsa → başlık alt çizgi rengi */
  --color-orange-12: #f0b820;   /* Sosyal/Borsa → gönder butonu, kupon hata metni, açma/kapama anahtarı */
  --color-orange-16: #E4C122;   /* Şans Oyunları → Kazı Kazan bileti simgesi (gradyan koyu ucu) */
  --color-red-10: #ec6d73;   /* Genel bonus rozeti */
  --color-yellow-8: #eacd63;   /* Genel sarı çerçeveli kutu */
  --color-red-11: #e10600;   /* Lig Merkezi → kırmızı tema rengi, İddaa bülteni → "canlı bahise açılacak" maç ikonu */
  --color-orange-13: #e09415;   /* Şans Oyunları → "Oyna" butonu hover */
  --color-red-12: #d89c9c;   /* İddaa bülteni → durum göstergesi */
  --color-green-14: #d7ffc0;   /* Genel açık yeşil arka plan */
  --color-red-13: #d14836;   /* TJK → sonuç bulunamadı uyarısı */
  --color-red-14: #b8312f;   /* Maç Detay → istatistik butonu */
  --color-orange-14: #b3714d;   /* Maç Detay → istatistik butonu */
  --color-green-15: #aad368;   /* İddaa bülteni → seçili oran arka planı */
  --color-green-16: #a5d6a7;   /* Sosyal → kazandı rozeti, kabul butonu */
  --color-indigo-1: #9365b8;   /* Maç Detay → istatistik butonu */
  --color-green-17: #89c541;   /* Genel dekoratif nokta/işaret */
  --color-indigo-2: #8930ff;   /* Anasayfa → duyuru kategorisi */
  --color-green-18: #82b205;   /* Maç Detay → bilgi satırı ikonu */
  --color-teal-7: #80d3fb;   /* İddaa bülteni → sıralama ikonu */
  --color-green-19: #7cff7a;   /* Kullanıcı Paneli → "ödendi" rozeti */
  --color-green-20: #6fa715;   /* Genel yeşil arka plan, onay kutusu kapatma ikonu */
  --color-blue-13: #63a8ef;   /* Genel bonus rozeti, Header → bakiye ikonu */
  --color-indigo-3: #553982;   /* Maç Detay → istatistik butonu */
  --color-teal-8: #4ac5f3;   /* Şans Oyunları → bilet seçimi kenarlığı */
  --color-blue-14: #428bca;   /* Canlı Destek → header logo rengi */
  --color-green-21: #3cb371;   /* Canlı Destek → danışman durumu kenarlığı */
  --color-green-22: #37b300;   /* İddaa bülteni → yorum ikonu */
  --color-green-27: #2d904a;   /* Maç Detay → istatistik karşılaştırma çubuğu (deplasman takımı) */
  --color-teal-9: #238cb2;   /* Maç Detay → istatistik butonu */
  --color-teal-10: #22acd0;   /* İddaa bülteni → seçili oran kenarlığı */
  --color-green-23: #1b4a3b;   /* Şans Oyunları → banner gradyanı */
  --color-blue-15: #18498e;   /* Yardım Merkezi → detay sayfası alt menüsü */
  --color-green-24: #166534;   /* Sosyal → tahmin kartı başlığı */
  --color-green-25: #15803d;   /* Sosyal → tahmin kartı alt metni */
  --color-green-26: #11e417;   /* Genel sayfa yenileme butonu */
  --color-orange-15: #ffc94d;   /* Sosyal → Tipster Ligi podyum tacı ve "bekliyor" durumu */
  --color-gold-dark: #3a2a05;   /* İddaa → Bültenim sayfası, altın rengi üzerindeki koyu metin */
  --color-neutral-gray: #757575;   /* İddaa filtre pasif durum yazısı, Bültenim sayfası ikincil metin */
  --color-gray-1: #929292;   /* Sosyal → takipçi/üye listesi kullanıcı adı metni */
}