/* kaynak: tasarim/stil-v4.css (fontlar, paletler, baglama, marka sabitleri) */
/* ---------- yazi tipleri ----------
   Uc aile de SIL Open Font License 1.1, degisken (variable) font; agirlik ARALIK yazilir.
   latin ve latin-ext ayri dosya: Turkce ş ğ İ Ğ Ş latin-ext icinde, ı ü ö ç latin icinde. */

@font-face{
  font-family:'Instrument Sans';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url('fonts/instrument-sans-400-600-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:'Instrument Sans';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url('fonts/instrument-sans-400-600-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 700;
  font-display:swap;
  src:url('fonts/jetbrains-mono-400-700-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 700;
  font-display:swap;
  src:url('fonts/jetbrains-mono-400-700-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:'Space Grotesk';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('fonts/space-grotesk-500-700-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:'Space Grotesk';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('fonts/space-grotesk-500-700-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;
}

/* ---------- ham paletler: --k-* koyu, --a-* acik ----------
   Bilesen belirtecleri yalniz bunlara baglanir. Dort blok ayni kumenin tamamini baglar;
   medya sorgusu ve tema secicisi icinde renk degeri yok. Her --k-X'in bir --a-X esi var. */
:root{
  /* --- ham palet: KOYU --- */
  --k-bg:#05070D;
  --k-bg2:#10182B;
  --k-yuzey:#141D33;
  --k-txt:#FAF6FF;
  --k-txt2:#B9B4C8;
  --k-txt3:#9AA5B8;
  --k-cizgi:#273049;
  --k-cizgi2:rgba(39,48,73,.6);
  --k-cy:#22D3EE;
  --k-cy-koyu:#0FB5D0;
  --k-cy-ustu:#03181C;
  --k-bag:#22D3EE;
  --k-marka:#7E23CE;
  --k-marka-metin:#B98CFF;
  --k-em:#34D399;
  --k-hata:#F4646A;
  --k-isilti:#9A4DF3;
  --k-rozet:#E6D2FD;
  --k-rozet-zemin:rgba(230,210,253,.08);
  --k-tag-zemin:#1A1230;
  --k-etiket:#9AA5B8;
  --k-kdv:#9AA5B8;
  --k-murekkep:#E8E9E3;
  --k-cam:rgba(16,24,43,.62);
  --k-cam-ust:rgba(230,210,253,.28);
  --k-cam-cizgi:rgba(154,77,243,.22);
  --k-nav-cam:rgba(5,7,13,.66);
  --k-sekme:rgba(250,246,255,.07);
  --k-sekme-secili:#FAF6FF;
  --k-sekme-metin:#05070D;
  --k-golge-metin:rgba(2,3,10,.6);
  --k-sh-derin:0 30px 80px -40px rgba(2,3,10,.9);
  --k-sh-isik:0 24px 70px -36px rgba(126,35,206,.45);
  --k-sh-cy:0 12px 30px -10px rgba(34,211,238,.55);
  --k-sh-cy-h:0 16px 38px -10px rgba(34,211,238,.7);
  /* buton ic isigi: bugun iki temada ayni; acik temada cyan daha koyu oldugu icin ileride ayrisabilir */
  --k-btn-isik:rgba(255,255,255,.4);
  --k-obj-isik:rgba(126,35,206,.42);
  --k-obj-isik2:rgba(154,77,243,.12);
  --k-isik-mor:rgba(126,35,206,.2);
  --k-isik-cy:rgba(34,211,238,.09);
  --k-gosterge-zemin:rgba(20,29,51,.5);
  --k-gosterge-ic:rgba(126,35,206,.14);
  --k-bos:rgba(250,246,255,.26);
  --k-kesik:rgba(154,77,243,.42);
  /* ic sayfa (W20 adim 3a): form alani zemini yuzeyden bir tik acik; odak disi kenar bg, yuzey ve alan zeminine karsi 3:1 ustu
     (WCAG 1.4.11, alan zemini bg'den ayrismadigi icin alani kenar tanitir); yesil callout zemini ve cizgisi (yalniz taahhut) */
  --k-girdi-zemin:#1A2440;
  --k-girdi-cizgi:#66779A;
  --k-em-zemin:#0E2822;
  --k-em-cizgi:#1F4A3C;
  --k-tik:rgba(154,165,184,.28);
  --k-led:rgba(154,165,184,.3);
  --k-grad-a:#E6D2FD;
  --k-grad-b:#B98CFF;
  --k-grad-c:#22D3EE;
  --k-o1:#E6D2FD;
  --k-o2:#9A4DF3;
  --k-o3:#7E23CE;
  --k-o4:#10182B;
  --k-o5:#9A4DF3;
  --k-o6:#E6D2FD;
  --k-ot:#7E23CE;
  --k-ot-op:.45;
  --k-fa:#7E23CE;
  --k-fb:#10182B;
  --k-fl:#9A4DF3;
  --k-fm:#3B1670;
  --k-amb:#E6D2FD;
  --k-amb-op:.18;
  --k-perde:rgba(5,7,13,.9);
  --k-fh:#E6D2FD;
  --k-fh-op:.3;
  --k-fs:#05070D;
  --k-fs-op:.6;
  --k-pa:#E6D2FD;
  --k-pb:#22D3EE;
  --k-plaka:rgba(154,77,243,.2);
  --k-plaka-yan:rgba(52,20,96,.6);
  --k-plaka-ust:rgba(230,210,253,.5);
  --k-ag-cizgi:rgba(230,210,253,.1);
  --k-ag-dugum:rgba(230,210,253,.16);
  --k-sb-ortu:radial-gradient(120% 100% at 50% 45%,rgba(5,7,13,.30) 0%,rgba(5,7,13,.56) 55%,
    rgba(5,7,13,.90) 100%);
  --k-sb-ortu-kart:radial-gradient(120% 100% at 50% 45%,rgba(5,7,13,.18) 0%,rgba(5,7,13,.42) 55%,
    rgba(5,7,13,.86) 100%);
  /* dort ayirt edici ton (W34 mega menu, panelle ayni degerler): karo ikon kutusu ve fare
     ustundeki kenar. Tek renkte alti karo tek duze goruluyor. Ton yalniz IM: baslik ve aciklama notr
     kalir, yesil yok. t1 = cy, t2 = marka-metin; t3 ve t4 yalniz burada. */
  --k-t1:#22D3EE;
  --k-t2:#B98CFF;
  --k-t3:#F2B155;
  --k-t4:#FF7AB6;
  /* --- ham palet: ACIK --- */
  --a-bg:#F6F4FB;
  --a-bg2:#ECE8F5;
  --a-yuzey:#FFFFFF;
  --a-txt:#15112B;
  --a-txt2:#4A4664;
  --a-txt3:#5A5673;
  --a-cizgi:#D8D2E6;
  --a-cizgi2:rgba(216,210,230,.7);
  --a-cy:#0FB5D0;
  --a-cy-koyu:#0A9DB6;
  --a-cy-ustu:#06202A;
  --a-bag:#076A80;
  --a-marka:#7E23CE;
  --a-marka-metin:#6A1DB3;
  --a-em:#0B6E4C;
  --a-hata:#B3261E;
  --a-isilti:#A66BFF;
  --a-rozet:#5B3C93;
  --a-rozet-zemin:#EFE6FF;
  --a-tag-zemin:#EFE6FF;
  --a-etiket:#67637F;
  --a-kdv:#67637F;
  --a-murekkep:#15112B;
  --a-cam:rgba(255,255,255,.72);
  --a-cam-ust:rgba(255,255,255,.95);
  --a-cam-cizgi:rgba(216,210,230,1);
  --a-nav-cam:rgba(246,244,251,.78);
  --a-sekme:rgba(21,17,43,.05);
  --a-sekme-secili:#FFFFFF;
  --a-sekme-metin:#15112B;
  --a-golge-metin:rgba(91,60,147,.25);
  --a-sh-derin:0 24px 60px -30px rgba(91,60,147,.24);
  --a-sh-isik:0 1px 0 rgba(255,255,255,.9);
  --a-sh-cy:0 12px 26px -12px rgba(15,181,208,.5);
  --a-sh-cy-h:0 16px 32px -12px rgba(15,181,208,.6);
  --a-btn-isik:rgba(255,255,255,.4);
  --a-obj-isik:rgba(201,192,240,.55);
  --a-obj-isik2:rgba(239,230,255,.6);
  --a-isik-mor:rgba(166,107,255,.14);
  --a-isik-cy:rgba(15,181,208,.09);
  --a-gosterge-zemin:rgba(255,255,255,.5);
  --a-gosterge-ic:rgba(255,255,255,.9);
  --a-bos:#9A93B0;
  --a-kesik:#B8B0CC;
  /* ic sayfa (W20 adim 3a): form alani zemini beyaza yakin; odak disi kenar bg, yuzey ve alan zeminine karsi 3:1 ustu
     (WCAG 1.4.11, alan zemini bg'den ayrismadigi icin alani kenar tanitir); yesil callout zemini ve cizgisi (yalniz taahhut) */
  --a-girdi-zemin:#FDFCFF;
  --a-girdi-cizgi:#8A83A6;
  --a-em-zemin:#E9F5EF;
  --a-em-cizgi:#B9DCCB;
  --a-tik:rgba(103,99,127,.28);
  --a-led:rgba(103,99,127,.3);
  --a-grad-a:#6A1DB3;
  --a-grad-b:#7E23CE;
  --a-grad-c:#076A80;
  --a-o1:#FFFFFF;
  --a-o2:#E6D2FD;
  --a-o3:#A06BE8;
  --a-o4:#5B3C93;
  --a-o5:#C9B4F5;
  --a-o6:#FFFFFF;
  --a-ot:#5B3C93;
  --a-ot-op:.28;
  --a-fa:#A98BE0;
  --a-fb:#6B4FA8;
  --a-fl:#C4ADEC;
  --a-fm:#8266BF;
  --a-amb:#FFFFFF;
  --a-amb-op:.28;
  --a-perde:rgba(246,244,251,.9);
  --a-fh:#FFFFFF;
  --a-fh-op:.6;
  --a-fs:#5B3C93;
  --a-fs-op:.35;
  --a-pa:#7A4CE8;
  --a-pb:#0FB5D0;
  --a-plaka:rgba(126,35,206,.12);
  --a-plaka-yan:rgba(91,60,147,.3);
  --a-plaka-ust:rgba(255,255,255,.95);
  --a-ag-cizgi:rgba(91,60,147,.09);
  --a-ag-dugum:rgba(91,60,147,.14);
  --a-sb-ortu:linear-gradient(to right,rgba(246,244,251,.95) 0%,rgba(246,244,251,.93) 42%,
    rgba(246,244,251,.62) 72%,rgba(246,244,251,.50) 100%);
  --a-sb-ortu-kart:radial-gradient(120% 100% at 50% 45%,rgba(246,244,251,.46) 0%,
    rgba(246,244,251,.62) 55%,rgba(246,244,251,.88) 100%);
  /* --k-t1..t4 acik karsiligi; beyaz uzerinde olculen kontrast 5,9 / 8,0 / 5,8 / 6,6 */
  --a-t1:#076A80;
  --a-t2:#6A1DB3;
  --a-t3:#8A5300;
  --a-t4:#A3155E;
}

/* Hal 0: varsayilan baglama, acik. Ziyaretci bir sey secmemis ve isletim sistemi koyu demiyorsa bu gecer.
   Blok kumenin TAMAMINI baglar; asagidaki uc blok da ayni listeyi tasir. */
:root{
  color-scheme:light;
  --bg:var(--a-bg);
  --bg2:var(--a-bg2);
  --yuzey:var(--a-yuzey);
  --txt:var(--a-txt);
  --txt2:var(--a-txt2);
  --txt3:var(--a-txt3);
  --cizgi:var(--a-cizgi);
  --cizgi2:var(--a-cizgi2);
  --cy:var(--a-cy);
  --cy-koyu:var(--a-cy-koyu);
  --cy-ustu:var(--a-cy-ustu);
  --bag:var(--a-bag);
  --marka:var(--a-marka);
  --marka-metin:var(--a-marka-metin);
  --em:var(--a-em);
  --hata:var(--a-hata);
  --isilti:var(--a-isilti);
  --rozet:var(--a-rozet);
  --rozet-zemin:var(--a-rozet-zemin);
  --tag-zemin:var(--a-tag-zemin);
  --etiket:var(--a-etiket);
  --kdv:var(--a-kdv);
  --murekkep:var(--a-murekkep);
  --cam:var(--a-cam);
  --cam-ust:var(--a-cam-ust);
  --cam-cizgi:var(--a-cam-cizgi);
  --nav-cam:var(--a-nav-cam);
  --sekme:var(--a-sekme);
  --sekme-secili:var(--a-sekme-secili);
  --sekme-metin:var(--a-sekme-metin);
  --golge-metin:var(--a-golge-metin);
  --sh-derin:var(--a-sh-derin);
  --sh-isik:var(--a-sh-isik);
  --sh-cy:var(--a-sh-cy);
  --sh-cy-h:var(--a-sh-cy-h);
  --btn-isik:var(--a-btn-isik);
  --obj-isik:var(--a-obj-isik);
  --obj-isik2:var(--a-obj-isik2);
  --isik-mor:var(--a-isik-mor);
  --isik-cy:var(--a-isik-cy);
  --gosterge-zemin:var(--a-gosterge-zemin);
  --gosterge-ic:var(--a-gosterge-ic);
  --bos:var(--a-bos);
  --kesik:var(--a-kesik);
  --girdi-zemin:var(--a-girdi-zemin);
  --girdi-cizgi:var(--a-girdi-cizgi);
  --em-zemin:var(--a-em-zemin);
  --em-cizgi:var(--a-em-cizgi);
  --tik:var(--a-tik);
  --led:var(--a-led);
  --grad-a:var(--a-grad-a);
  --grad-b:var(--a-grad-b);
  --grad-c:var(--a-grad-c);
  --o1:var(--a-o1);
  --o2:var(--a-o2);
  --o3:var(--a-o3);
  --o4:var(--a-o4);
  --o5:var(--a-o5);
  --o6:var(--a-o6);
  --ot:var(--a-ot);
  --ot-op:var(--a-ot-op);
  --fa:var(--a-fa);
  --fb:var(--a-fb);
  --fl:var(--a-fl);
  --fm:var(--a-fm);
  --amb:var(--a-amb);
  --amb-op:var(--a-amb-op);
  --perde:var(--a-perde);
  --fh:var(--a-fh);
  --fh-op:var(--a-fh-op);
  --fs:var(--a-fs);
  --fs-op:var(--a-fs-op);
  --pa:var(--a-pa);
  --pb:var(--a-pb);
  --plaka:var(--a-plaka);
  --plaka-yan:var(--a-plaka-yan);
  --plaka-ust:var(--a-plaka-ust);
  --ag-cizgi:var(--a-ag-cizgi);
  --ag-dugum:var(--a-ag-dugum);
  --t1:var(--a-t1);
  --t2:var(--a-t2);
  --t3:var(--a-t3);
  --t4:var(--a-t4);
}

/* Hal 3: ziyaretci bir sey secmedi, isletim sistemi koyu diyor. :not([data-tema="acik"]) sarti,
   acikca acik secmis ziyaretcinin secimini isletim sisteminin ezmemesi icin. */
@media (prefers-color-scheme: dark){
  :root:not([data-tema="acik"]){
    color-scheme:dark;
    --bg:var(--k-bg);
    --bg2:var(--k-bg2);
    --yuzey:var(--k-yuzey);
    --txt:var(--k-txt);
    --txt2:var(--k-txt2);
    --txt3:var(--k-txt3);
    --cizgi:var(--k-cizgi);
    --cizgi2:var(--k-cizgi2);
    --cy:var(--k-cy);
    --cy-koyu:var(--k-cy-koyu);
    --cy-ustu:var(--k-cy-ustu);
    --bag:var(--k-bag);
    --marka:var(--k-marka);
    --marka-metin:var(--k-marka-metin);
    --em:var(--k-em);
    --hata:var(--k-hata);
    --isilti:var(--k-isilti);
    --rozet:var(--k-rozet);
    --rozet-zemin:var(--k-rozet-zemin);
    --tag-zemin:var(--k-tag-zemin);
    --etiket:var(--k-etiket);
    --kdv:var(--k-kdv);
    --murekkep:var(--k-murekkep);
    --cam:var(--k-cam);
    --cam-ust:var(--k-cam-ust);
    --cam-cizgi:var(--k-cam-cizgi);
    --nav-cam:var(--k-nav-cam);
    --sekme:var(--k-sekme);
    --sekme-secili:var(--k-sekme-secili);
    --sekme-metin:var(--k-sekme-metin);
    --golge-metin:var(--k-golge-metin);
    --sh-derin:var(--k-sh-derin);
    --sh-isik:var(--k-sh-isik);
    --sh-cy:var(--k-sh-cy);
    --sh-cy-h:var(--k-sh-cy-h);
    --btn-isik:var(--k-btn-isik);
    --obj-isik:var(--k-obj-isik);
    --obj-isik2:var(--k-obj-isik2);
    --isik-mor:var(--k-isik-mor);
    --isik-cy:var(--k-isik-cy);
    --gosterge-zemin:var(--k-gosterge-zemin);
    --gosterge-ic:var(--k-gosterge-ic);
    --bos:var(--k-bos);
    --kesik:var(--k-kesik);
    --girdi-zemin:var(--k-girdi-zemin);
    --girdi-cizgi:var(--k-girdi-cizgi);
    --em-zemin:var(--k-em-zemin);
    --em-cizgi:var(--k-em-cizgi);
    --tik:var(--k-tik);
    --led:var(--k-led);
    --grad-a:var(--k-grad-a);
    --grad-b:var(--k-grad-b);
    --grad-c:var(--k-grad-c);
    --o1:var(--k-o1);
    --o2:var(--k-o2);
    --o3:var(--k-o3);
    --o4:var(--k-o4);
    --o5:var(--k-o5);
    --o6:var(--k-o6);
    --ot:var(--k-ot);
    --ot-op:var(--k-ot-op);
    --fa:var(--k-fa);
    --fb:var(--k-fb);
    --fl:var(--k-fl);
    --fm:var(--k-fm);
    --amb:var(--k-amb);
    --amb-op:var(--k-amb-op);
    --perde:var(--k-perde);
    --fh:var(--k-fh);
    --fh-op:var(--k-fh-op);
    --fs:var(--k-fs);
    --fs-op:var(--k-fs-op);
    --pa:var(--k-pa);
    --pb:var(--k-pb);
    --plaka:var(--k-plaka);
    --plaka-yan:var(--k-plaka-yan);
    --plaka-ust:var(--k-plaka-ust);
    --ag-cizgi:var(--k-ag-cizgi);
    --ag-dugum:var(--k-ag-dugum);
    --t1:var(--k-t1);
    --t2:var(--k-t2);
    --t3:var(--k-t3);
    --t4:var(--k-t4);
  }
}

/* Hal 2: ziyaretci koyu sectiyse. Isletim sistemi ne derse desin. */
:root[data-tema="koyu"]{
  color-scheme:dark;
  --bg:var(--k-bg);
  --bg2:var(--k-bg2);
  --yuzey:var(--k-yuzey);
  --txt:var(--k-txt);
  --txt2:var(--k-txt2);
  --txt3:var(--k-txt3);
  --cizgi:var(--k-cizgi);
  --cizgi2:var(--k-cizgi2);
  --cy:var(--k-cy);
  --cy-koyu:var(--k-cy-koyu);
  --cy-ustu:var(--k-cy-ustu);
  --bag:var(--k-bag);
  --marka:var(--k-marka);
  --marka-metin:var(--k-marka-metin);
  --em:var(--k-em);
  --hata:var(--k-hata);
  --isilti:var(--k-isilti);
  --rozet:var(--k-rozet);
  --rozet-zemin:var(--k-rozet-zemin);
  --tag-zemin:var(--k-tag-zemin);
  --etiket:var(--k-etiket);
  --kdv:var(--k-kdv);
  --murekkep:var(--k-murekkep);
  --cam:var(--k-cam);
  --cam-ust:var(--k-cam-ust);
  --cam-cizgi:var(--k-cam-cizgi);
  --nav-cam:var(--k-nav-cam);
  --sekme:var(--k-sekme);
  --sekme-secili:var(--k-sekme-secili);
  --sekme-metin:var(--k-sekme-metin);
  --golge-metin:var(--k-golge-metin);
  --sh-derin:var(--k-sh-derin);
  --sh-isik:var(--k-sh-isik);
  --sh-cy:var(--k-sh-cy);
  --sh-cy-h:var(--k-sh-cy-h);
  --btn-isik:var(--k-btn-isik);
  --obj-isik:var(--k-obj-isik);
  --obj-isik2:var(--k-obj-isik2);
  --isik-mor:var(--k-isik-mor);
  --isik-cy:var(--k-isik-cy);
  --gosterge-zemin:var(--k-gosterge-zemin);
  --gosterge-ic:var(--k-gosterge-ic);
  --bos:var(--k-bos);
  --kesik:var(--k-kesik);
  --girdi-zemin:var(--k-girdi-zemin);
  --girdi-cizgi:var(--k-girdi-cizgi);
  --em-zemin:var(--k-em-zemin);
  --em-cizgi:var(--k-em-cizgi);
  --tik:var(--k-tik);
  --led:var(--k-led);
  --grad-a:var(--k-grad-a);
  --grad-b:var(--k-grad-b);
  --grad-c:var(--k-grad-c);
  --o1:var(--k-o1);
  --o2:var(--k-o2);
  --o3:var(--k-o3);
  --o4:var(--k-o4);
  --o5:var(--k-o5);
  --o6:var(--k-o6);
  --ot:var(--k-ot);
  --ot-op:var(--k-ot-op);
  --fa:var(--k-fa);
  --fb:var(--k-fb);
  --fl:var(--k-fl);
  --fm:var(--k-fm);
  --amb:var(--k-amb);
  --amb-op:var(--k-amb-op);
  --perde:var(--k-perde);
  --fh:var(--k-fh);
  --fh-op:var(--k-fh-op);
  --fs:var(--k-fs);
  --fs-op:var(--k-fs-op);
  --pa:var(--k-pa);
  --pb:var(--k-pb);
  --plaka:var(--k-plaka);
  --plaka-yan:var(--k-plaka-yan);
  --plaka-ust:var(--k-plaka-ust);
  --ag-cizgi:var(--k-ag-cizgi);
  --ag-dugum:var(--k-ag-dugum);
  --t1:var(--k-t1);
  --t2:var(--k-t2);
  --t3:var(--k-t3);
  --t4:var(--k-t4);
}

/* Hal 1: ziyaretci acik sectiyse. Isletim sistemi ne derse desin. Blok BUTUN belirtecleri
   yeniden baglar, yarisini degil; yarim baglama :not() sarti bir gun kalkarsa sizinti olur. */
:root[data-tema="acik"]{
  color-scheme:light;
  --bg:var(--a-bg);
  --bg2:var(--a-bg2);
  --yuzey:var(--a-yuzey);
  --txt:var(--a-txt);
  --txt2:var(--a-txt2);
  --txt3:var(--a-txt3);
  --cizgi:var(--a-cizgi);
  --cizgi2:var(--a-cizgi2);
  --cy:var(--a-cy);
  --cy-koyu:var(--a-cy-koyu);
  --cy-ustu:var(--a-cy-ustu);
  --bag:var(--a-bag);
  --marka:var(--a-marka);
  --marka-metin:var(--a-marka-metin);
  --em:var(--a-em);
  --hata:var(--a-hata);
  --isilti:var(--a-isilti);
  --rozet:var(--a-rozet);
  --rozet-zemin:var(--a-rozet-zemin);
  --tag-zemin:var(--a-tag-zemin);
  --etiket:var(--a-etiket);
  --kdv:var(--a-kdv);
  --murekkep:var(--a-murekkep);
  --cam:var(--a-cam);
  --cam-ust:var(--a-cam-ust);
  --cam-cizgi:var(--a-cam-cizgi);
  --nav-cam:var(--a-nav-cam);
  --sekme:var(--a-sekme);
  --sekme-secili:var(--a-sekme-secili);
  --sekme-metin:var(--a-sekme-metin);
  --golge-metin:var(--a-golge-metin);
  --sh-derin:var(--a-sh-derin);
  --sh-isik:var(--a-sh-isik);
  --sh-cy:var(--a-sh-cy);
  --sh-cy-h:var(--a-sh-cy-h);
  --btn-isik:var(--a-btn-isik);
  --obj-isik:var(--a-obj-isik);
  --obj-isik2:var(--a-obj-isik2);
  --isik-mor:var(--a-isik-mor);
  --isik-cy:var(--a-isik-cy);
  --gosterge-zemin:var(--a-gosterge-zemin);
  --gosterge-ic:var(--a-gosterge-ic);
  --bos:var(--a-bos);
  --kesik:var(--a-kesik);
  --girdi-zemin:var(--a-girdi-zemin);
  --girdi-cizgi:var(--a-girdi-cizgi);
  --em-zemin:var(--a-em-zemin);
  --em-cizgi:var(--a-em-cizgi);
  --tik:var(--a-tik);
  --led:var(--a-led);
  --grad-a:var(--a-grad-a);
  --grad-b:var(--a-grad-b);
  --grad-c:var(--a-grad-c);
  --o1:var(--a-o1);
  --o2:var(--a-o2);
  --o3:var(--a-o3);
  --o4:var(--a-o4);
  --o5:var(--a-o5);
  --o6:var(--a-o6);
  --ot:var(--a-ot);
  --ot-op:var(--a-ot-op);
  --fa:var(--a-fa);
  --fb:var(--a-fb);
  --fl:var(--a-fl);
  --fm:var(--a-fm);
  --amb:var(--a-amb);
  --amb-op:var(--a-amb-op);
  --perde:var(--a-perde);
  --fh:var(--a-fh);
  --fh-op:var(--a-fh-op);
  --fs:var(--a-fs);
  --fs-op:var(--a-fs-op);
  --pa:var(--a-pa);
  --pb:var(--a-pb);
  --plaka:var(--a-plaka);
  --plaka-yan:var(--a-plaka-yan);
  --plaka-ust:var(--a-plaka-ust);
  --ag-cizgi:var(--a-ag-cizgi);
  --ag-dugum:var(--a-ag-dugum);
  --t1:var(--a-t1);
  --t2:var(--a-t2);
  --t3:var(--a-t3);
  --t4:var(--a-t4);
}

/* ---------- marka sabitleri: temaya bagli degil ----------
   --sig sinyal magentasi (isaret merkezi, N noktalari, soma cekirdegi). --maske-dolu mask gradyanlarinin
   dolu duragi (mask'ta yalniz alfa okunur, renk temaya bagli degil). --parlama cam yansimasi beyazi
   (kure ustcami, soma parlamasi, kure/cek uzerindeki parlama elipsi); iki palette de FFFFFF.
   --err ve --gr eski adlar: durum.html JS'i var(--err) ve var(--gr) okuyor, ikisi de buradan v4 adina baglanir. */
:root{
  --sig:#B01A6B;--sig-koyu:#7A1249;
  --maske-dolu:#000;
  --parlama:#FFFFFF;
  --err:var(--hata);
  --gr:var(--em);
  --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --disp:'Space Grotesk','Instrument Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --ez:cubic-bezier(.23,1,.32,1);
  --grad-txt:linear-gradient(95deg,var(--grad-a),var(--grad-b) 48%,var(--grad-c));
  /* Videolu hero uzerindeki nav (W33). Bunlar gercekten temadan bagimsiz: hero iki temada
     da koyu bant oluyor ve nav o bandin uzerinde koyu gorunmek zorunda. Sayfa basi ortusu
     (--sb-ortu) ise temaya BAGLI, o yuzden ham palette duruyor. */
  --nav-koyu-cam:rgba(5,7,13,.62);
  --nav-koyu-btn:rgba(250,246,255,.14);
  --nav-koyu-btn-cizgi:rgba(250,246,255,.38);
}