@font-face { font-family: "Archivo"; src: url("../yazi-tipleri/Archivo-Degisken.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("../yazi-tipleri/IBMPlexSans-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("../yazi-tipleri/IBMPlexSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("../yazi-tipleri/IBMPlexSans-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("../yazi-tipleri/IBMPlexSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../yazi-tipleri/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../yazi-tipleri/IBMPlexMono-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }

:root {
  --marka: #0B2A5B;
  --marka-koyu: #02204E;
  --marka-ustu: #FFFFFF;
  --marka-acik: rgba(11, 42, 91, .08);
  --vurgu: #F56516;
  --baglanti: #1F5FAD;

  --zemin: #EEF1F5;
  --yuzey: #F7F8FB;
  --yuzey-2: #FFFFFF;
  --yuzey-aktif: #E4E8EF;
  --metin: #141B2B;
  --metin-2: #3D4659;
  --metin-3: #6A7385;
  --cerceve: #D3D9E3;
  --cerceve-2: #E3E7EE;

  --basarili-yazi: #2E7D4F; --basarili-zemin: rgba(123, 211, 137, .18); --basarili-cizgi: #7BD389;
  --uyari-yazi: #8F6B00;   --uyari-zemin: rgba(242, 183, 5, .16);     --uyari-cizgi: #E0B050;
  --hata-yazi: #B3261E;    --hata-zemin: rgba(217, 83, 74, .11);      --hata-cizgi: #D9534A;
  --bilgi-yazi: #1F5FAD;   --bilgi-zemin: rgba(31, 95, 173, .09);     --bilgi-cizgi: #6E9FDC;
  --notr-yazi: #566074;    --notr-zemin: #E4E8EF;                     --notr-cizgi: #D3D9E3;

  --b1: 4px; --b2: 8px; --b3: 12px; --b4: 16px; --b5: 24px; --b6: 32px; --b7: 48px;
  --kose-kucuk: 4px; --kose: 6px; --kose-buyuk: 8px;
  --yazi-11: 11px; --yazi-12: 12px; --yazi-13: 13px; --yazi-14: 14px; --yazi-16: 16px; --yazi-20: 20px; --yazi-24: 24px; --yazi-32: 32px;

  --font-govde: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  --font-baslik: "Archivo", "Segoe UI", system-ui, sans-serif;

  --odak: 0 0 0 2px var(--yuzey), 0 0 0 4px var(--baglanti);
  --menu-genislik: 224px;
  --ust-cubuk: 52px;
  --golge-sahne: 0 1px 0 var(--cerceve);
}

html[data-tema="koyu"] {
  --marka: #7FA6F0;
  --marka-koyu: #A9C3F5;
  --marka-ustu: #0B1630;
  --marka-acik: rgba(127, 166, 240, .15);
  --vurgu: #F7782F;
  --baglanti: #8DB4F5;
  --zemin: #11161F;
  --yuzey: #171D28;
  --yuzey-2: #1D2430;
  --yuzey-aktif: #262E3C;
  --metin: #E8ECF3;
  --metin-2: #BCC4D2;
  --metin-3: #8A93A3;
  --cerceve: #323B4B;
  --cerceve-2: #283040;
  --basarili-yazi: #8ADB9C; --basarili-zemin: rgba(123, 211, 137, .14);
  --uyari-yazi: #F0C656;   --uyari-zemin: rgba(242, 183, 5, .14);
  --hata-yazi: #F2877E;    --hata-zemin: rgba(217, 83, 74, .16);
  --bilgi-yazi: #8DB4F5;   --bilgi-zemin: rgba(31, 95, 173, .22);
  --notr-yazi: #A3ACBB;    --notr-zemin: #262E3C;                     --notr-cizgi: #323B4B;
}

@media (prefers-color-scheme: dark) {
  html[data-tema="sistem"] {
    --marka: #7FA6F0;
    --marka-koyu: #A9C3F5;
    --marka-ustu: #0B1630;
    --marka-acik: rgba(127, 166, 240, .15);
    --vurgu: #F7782F;
    --baglanti: #8DB4F5;
    --zemin: #11161F;
    --yuzey: #171D28;
    --yuzey-2: #1D2430;
    --yuzey-aktif: #262E3C;
    --metin: #E8ECF3;
    --metin-2: #BCC4D2;
    --metin-3: #8A93A3;
    --cerceve: #323B4B;
    --cerceve-2: #283040;
    --basarili-yazi: #8ADB9C; --basarili-zemin: rgba(123, 211, 137, .14);
    --uyari-yazi: #F0C656;   --uyari-zemin: rgba(242, 183, 5, .14);
    --hata-yazi: #F2877E;    --hata-zemin: rgba(217, 83, 74, .16);
    --bilgi-yazi: #8DB4F5;   --bilgi-zemin: rgba(31, 95, 173, .22);
    --notr-yazi: #A3ACBB;    --notr-zemin: #262E3C;                     --notr-cizgi: #323B4B;
  }
}