/* Mali Ofis ortak belirteçleri (docs/23 §3). Bu dosya her üründe BAYT BAYT aynıdır; değer değiştirmek standart değişikliğidir.
   Açık tema :root'ta; koyu tema hem sistem ayarıyla (data-tema="sistem" ya da öznitelik yok) hem elle (data-tema="koyu") gelir.
   Ürün rengi (--mo-urun, --mo-urun-acik) yalnız ürün kimliğinde kullanılır: simge karesi, marka alanı. Düğme ve bağlantı okyanus renkte. */

@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("yazi-tipleri/PlusJakartaSans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("yazi-tipleri/PlusJakartaSans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("yazi-tipleri/DMSerifDisplay-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("yazi-tipleri/DMSerifDisplay-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("yazi-tipleri/JetBrainsMono-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("yazi-tipleri/JetBrainsMono-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  /* marka */
  --mo-lacivert: #0B1D3A;
  --mo-lacivert-2: #13294B;
  --mo-okyanus: #0891B2;
  --mo-okyanus-koyu: #0E7490;
  --mo-okyanus-acik: #22D3EE;
  --mo-altin: #E8A838;
  --mo-altin-koyu: #D97706;

  /* yüzeyler ve metin */
  --mo-zemin: #F5F7FA;
  --mo-yuzey: #FFFFFF;
  --mo-yuzey-2: #EEF3F8;
  --mo-yuzey-3: #F8FAFD;
  --mo-cizgi: #DCE5EF;
  --mo-cizgi-guclu: #C5D3E2;
  --mo-metin: #0B1D3A;
  --mo-metin-2: #1E3350;
  --mo-soluk: #5B6F86;
  --mo-soluk-2: #7A8CA3;

  /* etkileşim */
  --mo-birincil: #0E7490;
  --mo-birincil-uzeri: #FFFFFF;
  --mo-birincil-hover: #0B5F76;
  --mo-baglanti: #0E7490;
  --mo-secili-zemin: #E0F4FA;
  --mo-secili-metin: #0E7490;
  --mo-odak: #0891B2;

  /* anlam renkleri: her biri metin + zemin + kenar */
  --mo-basari: #047857;   --mo-basari-zemin: #E3F5EE;   --mo-basari-kenar: #A7E3CB;
  --mo-uyari: #8A5A0B;    --mo-uyari-zemin: #FFF4DE;    --mo-uyari-kenar: #F2CF87;
  --mo-hata: #B91C1C;     --mo-hata-zemin: #FDECEC;     --mo-hata-kenar: #F5B5B5;
  --mo-bilgi: #0E7490;    --mo-bilgi-zemin: #E0F4FA;    --mo-bilgi-kenar: #A5DDEC;

  /* yazı */
  --mo-yazi-arayuz: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --mo-yazi-baslik: "DM Serif Display", Georgia, "Times New Roman", serif;
  --mo-yazi-sayi: "JetBrains Mono", Consolas, "Courier New", monospace;
  --mo-boy-kucuk: 12px;
  --mo-boy-yardimci: 13px;
  --mo-boy-govde: 14px;
  --mo-boy-menu: 15px;
  --mo-boy-kart-baslik: 17px;
  --mo-boy-bolum-baslik: 21px;
  --mo-boy-sayfa-baslik: 30px;

  /* ölçü */
  --mo-bosluk-1: 4px; --mo-bosluk-2: 8px; --mo-bosluk-3: 12px; --mo-bosluk-4: 16px; --mo-bosluk-5: 20px; --mo-bosluk-6: 24px; --mo-bosluk-8: 32px;
  --mo-kose-kucuk: 6px; --mo-kose: 10px; --mo-kose-kart: 12px; --mo-kose-pencere: 14px; --mo-kose-hap: 999px;
  --mo-golge-kart: 0 1px 2px rgba(11, 29, 58, .06), 0 6px 18px rgba(11, 29, 58, .06);
  --mo-golge-pencere: 0 16px 40px rgba(11, 29, 58, .18);
  --mo-kenar-cubugu: 264px;
  --mo-ust-cubuk-mobil: 56px;
  --mo-alt-cubuk-mobil: 64px;
  --mo-dokunma: 44px;
  --mo-kirilim-mobil: 900px;

  /* ürün kimliği: her ürün kendi değerini <html style="--mo-urun: …"> ya da kendi stilinde verir (urunler.json) */
  --mo-urun: #0E7490;
  --mo-urun-acik: #ECFEFF;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --mo-zemin: #07111F; --mo-yuzey: #0E1C30; --mo-yuzey-2: #13253D; --mo-yuzey-3: #0B1728;
    --mo-cizgi: #22364F; --mo-cizgi-guclu: #2E4665;
    --mo-metin: #E7EEF7; --mo-metin-2: #C9D6E5; --mo-soluk: #9DB0C6; --mo-soluk-2: #7F93AB;
    --mo-birincil: #22D3EE; --mo-birincil-uzeri: #04121C; --mo-birincil-hover: #67E8F9;
    --mo-baglanti: #67E8F9; --mo-secili-zemin: #0C3345; --mo-secili-metin: #67E8F9; --mo-odak: #22D3EE;
    --mo-basari: #34D399; --mo-basari-zemin: #0D3326; --mo-basari-kenar: #1C5A44;
    --mo-uyari: #F4C76B; --mo-uyari-zemin: #33280F; --mo-uyari-kenar: #5C4A1C;
    --mo-hata: #F87171; --mo-hata-zemin: #3A1418; --mo-hata-kenar: #6B2A2F;
    --mo-bilgi: #67E8F9; --mo-bilgi-zemin: #0C3345; --mo-bilgi-kenar: #1B5569;
    --mo-golge-kart: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px rgba(0, 0, 0, .25);
    --mo-golge-pencere: 0 18px 44px rgba(0, 0, 0, .5);
    color-scheme: dark;
  }
}
:root[data-tema="koyu"] {
  --mo-zemin: #07111F; --mo-yuzey: #0E1C30; --mo-yuzey-2: #13253D; --mo-yuzey-3: #0B1728;
  --mo-cizgi: #22364F; --mo-cizgi-guclu: #2E4665;
  --mo-metin: #E7EEF7; --mo-metin-2: #C9D6E5; --mo-soluk: #9DB0C6; --mo-soluk-2: #7F93AB;
  --mo-birincil: #22D3EE; --mo-birincil-uzeri: #04121C; --mo-birincil-hover: #67E8F9;
  --mo-baglanti: #67E8F9; --mo-secili-zemin: #0C3345; --mo-secili-metin: #67E8F9; --mo-odak: #22D3EE;
  --mo-basari: #34D399; --mo-basari-zemin: #0D3326; --mo-basari-kenar: #1C5A44;
  --mo-uyari: #F4C76B; --mo-uyari-zemin: #33280F; --mo-uyari-kenar: #5C4A1C;
  --mo-hata: #F87171; --mo-hata-zemin: #3A1418; --mo-hata-kenar: #6B2A2F;
  --mo-bilgi: #67E8F9; --mo-bilgi-zemin: #0C3345; --mo-bilgi-kenar: #1B5569;
  --mo-golge-kart: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px rgba(0, 0, 0, .25);
  --mo-golge-pencere: 0 18px 44px rgba(0, 0, 0, .5);
  color-scheme: dark;
}
