:root,
:root[data-tema="gunduz"] {
  color-scheme: light;
  --arkaplan: #f5f7fb;
  --yuzey: #ffffff;
  --yuzey-ikincil: #f8fafc;
  --yuzey-vurgu: #eef4ff;
  --yuzey-yuksek: #ffffff;
  --metin: #15233b;
  --metin-ikincil: #58677f;
  --metin-soluk: #7d899c;
  --cizgi: #e3e9f2;
  --cizgi-guclu: #d5deea;
  --lacivert: #142c57;
  --lacivert-acik: #234b88;
  --mavi: #2163d7;
  --mavi-yumusak: #e9f1ff;
  --kirmizi: #d7283f;
  --kirmizi-yumusak: #fff0f2;
  --yesil: #078461;
  --yesil-yumusak: #e6f7f1;
  --turkuaz: #0a9fac;
  --turuncu: #c76a13;
  --turuncu-yumusak: #fff3e6;
  --mor: #7057c9;
  --mor-yumusak: #f1edff;
  --golge: 0 10px 30px rgba(27, 48, 82, .07);
  --golge-yuksek: 0 22px 60px rgba(22, 42, 74, .16);
  --menu-arkaplan: #10264a;
  --menu-metin: #ffffff;
  --menu-soluk: rgba(255, 255, 255, .72);
  --menu-etkin: rgba(255, 255, 255, .1);
}

:root[data-tema="alacakaranlik"] {
  color-scheme: light;
  --arkaplan: #e9eef5;
  --yuzey: #f7f9fc;
  --yuzey-ikincil: #eef2f7;
  --yuzey-vurgu: #e3ebf8;
  --yuzey-yuksek: #fbfcfe;
  --metin: #1d2c43;
  --metin-ikincil: #536278;
  --metin-soluk: #758398;
  --cizgi: #d8e0ea;
  --cizgi-guclu: #c7d2e0;
  --lacivert: #183660;
  --lacivert-acik: #2b568c;
  --mavi: #2a67c7;
  --mavi-yumusak: #dce8f9;
  --kirmizi: #c9344a;
  --kirmizi-yumusak: #f8e3e7;
  --yesil: #147b60;
  --yesil-yumusak: #dcefe9;
  --turkuaz: #087f8b;
  --turuncu: #b5681c;
  --turuncu-yumusak: #f5e8d8;
  --mor: #6d59b5;
  --mor-yumusak: #e8e2f7;
  --golge: 0 10px 28px rgba(29, 48, 75, .09);
  --golge-yuksek: 0 22px 60px rgba(24, 43, 70, .18);
  --menu-arkaplan: #173253;
  --menu-metin: #ffffff;
  --menu-soluk: rgba(255, 255, 255, .72);
  --menu-etkin: rgba(255, 255, 255, .11);
}

:root[data-tema="gece"] {
  color-scheme: dark;
  --arkaplan: #192436;
  --yuzey: #223047;
  --yuzey-ikincil: #1d2a3e;
  --yuzey-vurgu: #283b59;
  --yuzey-yuksek: #2a3950;
  --metin: #eff4fb;
  --metin-ikincil: #b4c1d2;
  --metin-soluk: #8d9cb0;
  --cizgi: #35465e;
  --cizgi-guclu: #435671;
  --lacivert: #dbe8fa;
  --lacivert-acik: #a9c6ed;
  --mavi: #79aef6;
  --mavi-yumusak: #2a4264;
  --kirmizi: #ff7182;
  --kirmizi-yumusak: #4d2f3a;
  --yesil: #62d1ad;
  --yesil-yumusak: #244b45;
  --turkuaz: #5ed8df;
  --turuncu: #efb36e;
  --turuncu-yumusak: #4b3d2d;
  --mor: #b5a0f4;
  --mor-yumusak: #3e3758;
  --golge: 0 12px 28px rgba(6, 13, 24, .18);
  --golge-yuksek: 0 22px 60px rgba(5, 11, 20, .32);
  --menu-arkaplan: #152238;
  --menu-metin: #ffffff;
  --menu-soluk: rgba(255, 255, 255, .72);
  --menu-etkin: rgba(255, 255, 255, .1);
}