/* Independent screen palettes. Kobalt intentionally excluded from every rule. */
@media screen {
  /* Sıcak kâğıt ve bakır */
  html[data-arayuz="modern"]:not([data-tema]) {
    --zemin: #f7f3ee;
    --kart: #fffdf9;
    --zemin-yumusak: #f0e8df;
    --cizgi: #e4d8cb;
    --cizgi-koyu: #c4b09b;
    --yazi: #382c25;
    --yazi-soluk: #776253;
    --vurgu-dolu: #a34627;
    --vurgu-metin: #943d22;
    --vurgu-yazi: #ffffff;
    --vurgu-rgb: 163, 70, 39;
    --vurgu-yumusak: #f9e8dd;
    --yan-menu: #382920;
    --yan-menu-yazi: #e8d5c3;
    --yan-menu-baslik: #c9b19b;
    --menu-aktif-zemin: #66412e;
    --menu-aktif-cizgi: #f3b17c;
    --tema-menu-baslik: #fff5e8;
    --tema-menu-alan: #49352a;
    --tema-menu-cizgi: #745a48;
    --tema-menu-aktif-yazi: #fff7ed;
    --mavi: var(--vurgu-dolu);
    --mavi-acik: var(--menu-aktif-cizgi);
    --bilgi-zemin: var(--vurgu-yumusak);
    --firma-zemin: var(--kart);
    --firma-cizgi: var(--cizgi);
    --tablo-baslik-zemin: var(--zemin-yumusak);
    --tablo-baslik-yazi: var(--yazi-soluk);
    --satir-vurgu: var(--vurgu-yumusak);
    --hucre-vurgu: var(--zemin-yumusak);
    --yan-menu-ust: var(--yan-menu);
    --yan-menu-koyu: var(--yan-menu);
    --yan-menu-alt-yazi: var(--yan-menu-yazi);
    --yan-menu-aktif: var(--menu-aktif-zemin);
  }
  /* Açık kâğıt ve adaçayı */
  html[data-arayuz="modern"][data-tema="kagit"] {
    --zemin: #f4f6f0;
    --kart: #ffffff;
    --zemin-yumusak: #eaf0e4;
    --cizgi: #d9e1d1;
    --cizgi-koyu: #aab9a0;
    --yazi: #263b30;
    --yazi-soluk: #5c6e5c;
    --vurgu-dolu: #396649;
    --vurgu-metin: #335d42;
    --vurgu-yazi: #ffffff;
    --vurgu-rgb: 57, 102, 73;
    --vurgu-yumusak: #e6eee0;
    --yan-menu: #edf1e7;
    --yan-menu-yazi: #435b47;
    --yan-menu-baslik: #526d55;
    --menu-aktif-zemin: #d5e3cc;
    --menu-aktif-cizgi: #4b7350;
    --tema-menu-baslik: #273e2d;
    --tema-menu-alan: #f9fbf5;
    --tema-menu-cizgi: #bccbb3;
    --tema-menu-aktif-yazi: #24472f;
    --mavi: var(--vurgu-dolu);
    --mavi-acik: var(--menu-aktif-cizgi);
    --bilgi-zemin: var(--vurgu-yumusak);
    --firma-zemin: var(--kart);
    --firma-cizgi: var(--cizgi);
    --tablo-baslik-zemin: var(--zemin-yumusak);
    --tablo-baslik-yazi: var(--yazi-soluk);
    --satir-vurgu: var(--vurgu-yumusak);
    --hucre-vurgu: var(--zemin-yumusak);
    --yan-menu-ust: var(--yan-menu);
    --yan-menu-koyu: var(--yan-menu);
    --yan-menu-alt-yazi: var(--yan-menu-yazi);
    --yan-menu-aktif: var(--menu-aktif-zemin);
  }
  /* Mürekkep lacivert ve mat altın */
  html[data-arayuz="modern"][data-tema="lacivert"] {
    --zemin: #f5f3ef;
    --kart: #fffefb;
    --zemin-yumusak: #edeae2;
    --cizgi: #dedad0;
    --cizgi-koyu: #b9b2a0;
    --yazi: #202d42;
    --yazi-soluk: #626778;
    --vurgu-dolu: #8b681f;
    --vurgu-metin: #79581a;
    --vurgu-yazi: #ffffff;
    --vurgu-rgb: 139, 104, 31;
    --vurgu-yumusak: #f4ebd3;
    --yan-menu: #182638;
    --yan-menu-yazi: #d5dce5;
    --yan-menu-baslik: #adbaca;
    --menu-aktif-zemin: #344150;
    --menu-aktif-cizgi: #e2bf73;
    --tema-menu-baslik: #fff4d9;
    --tema-menu-alan: #233247;
    --tema-menu-cizgi: #4b5869;
    --tema-menu-aktif-yazi: #ffe3a4;
    --mavi: var(--vurgu-dolu);
    --mavi-acik: var(--menu-aktif-cizgi);
    --bilgi-zemin: var(--vurgu-yumusak);
    --firma-zemin: var(--kart);
    --firma-cizgi: var(--cizgi);
    --tablo-baslik-zemin: var(--zemin-yumusak);
    --tablo-baslik-yazi: var(--yazi-soluk);
    --satir-vurgu: var(--vurgu-yumusak);
    --hucre-vurgu: var(--zemin-yumusak);
    --yan-menu-ust: var(--yan-menu);
    --yan-menu-koyu: var(--yan-menu);
    --yan-menu-alt-yazi: var(--yan-menu-yazi);
    --yan-menu-aktif: var(--menu-aktif-zemin);
  }
  /* Reference image palette: #0d1320 canvas, #121a2b sidebar, #162033 panels. */
  html[data-arayuz="modern"][data-tema="tebesir"] {
    --zemin: #0d1320;
    --kart: #162033;
    --zemin-yumusak: #1b263e;
    --cizgi: #263451;
    --cizgi-koyu: #405579;
    --yazi: #c4cee0;
    --yazi-soluk: #a3b0c7;
    --vurgu-dolu: #3369bd;
    --vurgu-metin: #80a7e5;
    --vurgu-yazi: #e8edf7;
    --vurgu-rgb: 72, 136, 255;
    --vurgu-yumusak: #1b2d4b;
    --yan-menu: #121a2b;
    --yan-menu-yazi: #a3b0c7;
    --yan-menu-baslik: #93a3be;
    --menu-aktif-zemin: #1c2e4c;
    --menu-aktif-cizgi: #4888ff;
    --tema-menu-baslik: #c4cee0;
    --tema-menu-alan: #162033;
    --tema-menu-cizgi: #2a3a5c;
    --tema-menu-aktif-yazi: #c4d5f2;
    --mavi: var(--vurgu-dolu);
    --mavi-acik: var(--menu-aktif-cizgi);
    --bilgi-zemin: var(--vurgu-yumusak);
    --firma-zemin: var(--kart);
    --firma-cizgi: var(--cizgi);
    --tablo-baslik-zemin: var(--zemin-yumusak);
    --tablo-baslik-yazi: var(--yazi-soluk);
    --satir-vurgu: var(--vurgu-yumusak);
    --hucre-vurgu: var(--zemin-yumusak);
    --yan-menu-ust: var(--yan-menu);
    --yan-menu-koyu: var(--yan-menu);
    --yan-menu-alt-yazi: var(--yan-menu-yazi);
    --yan-menu-aktif: var(--menu-aktif-zemin);
    --yesil-zemin: #1b302b;
    --yesil-cizgi: #567d6a;
    --yesil-yazi: #9db8a9;
    --yesil-yumusak: #182924;
    --yesil-uzeri-yazi: #111e18;
    --sari-zemin: #302d28;
    --sari-cizgi: #93805b;
    --sari-yazi: #bfaf8b;
    --sari-yumusak: #272622;
    --sari-uzeri-yazi: #201e17;
    --kirmizi-zemin: #30232e;
    --kirmizi-cizgi: #936779;
    --kirmizi-yazi: #c1a0ad;
    --kirmizi-yumusak: #271f29;
    --kirmizi-uzeri-yazi: #211820;
  }

  html[data-arayuz="modern"][data-tema="lacivert"] {
    --baslik-ailesi: Georgia, "Times New Roman", serif;
    --sayfa-basligi-aralik: -.02em;
  }

  /* Shared components used to contain fixed blue/white navigation colors. */
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu {
    border-right-color: var(--tema-menu-cizgi);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-brand,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .kurum b {
    color: var(--tema-menu-baslik);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-brand-mark {
    background: var(--vurgu-dolu);
    color: var(--vurgu-yazi);
    box-shadow: none;
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-brand :is(small, .modern-brand-tagline),
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .kurum .hesap-sahibi,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt .ayarlar > summary,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt .tema-etiketi,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-environment,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-environment strong {
    color: var(--yan-menu-baslik);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt .cikis-baglantisi,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .tema-secici select,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-menu-search-wrap input,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu input.modern-menu-search {
    background: var(--tema-menu-alan);
    color: var(--yan-menu-yazi);
    border-color: var(--tema-menu-cizgi);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-menu-search-wrap input::placeholder,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu input.modern-menu-search::placeholder {
    color: var(--yan-menu-baslik);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu nav a,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu nav .baslik,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .menu-grup:not([open]) > summary.baslik,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .menu-grup[open] > summary.baslik {
    color: var(--yan-menu-yazi);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu nav a:hover,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu nav a.aktif,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .menu-grup.bulunulan > .baslik,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .menu-grup > summary.baslik:hover,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt a:hover,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt .ayarlar > summary:hover {
    background: var(--menu-aktif-zemin);
    color: var(--tema-menu-aktif-yazi);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-brand,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu .alt .ayarlar-icerik,
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .modern-environment {
    border-color: var(--tema-menu-cizgi);
  }
  html[data-arayuz="modern"]:not([data-tema="kobalt"]) .yan-menu nav {
    scrollbar-color: var(--tema-menu-cizgi) transparent;
  }
}