/* Generated from tokens/kayaops-tokens.json; edit the source, not this file. */
:root{

  /* 50. tur WEBUX-01: aydınlık kurumsal tema — kart/yüzey SAF BEYAZ, sayfa zemini çok hafif
     kırık beyaz (gri-üstü-gri bitti). Karanlık mod --n-900+ kullandığından ETKİLENMEZ. */
  --ns-0: #FFFFFF;
  --ns-25: #FBFCFD;
  --ns-50: #F7F8FA;
  --ns-100: oklch(0.940 0.008 250);
  --ns-200: oklch(0.900 0.010 250);
  --ns-300: oklch(0.830 0.012 250);
  --ns-400: oklch(0.700 0.014 250);
  --ns-500: oklch(0.580 0.016 250);
  --ns-550: oklch(0.505 0.016 250);
  --ns-600: oklch(0.455 0.016 250);
  --ns-700: oklch(0.405 0.016 252);
  --ns-800: oklch(0.345 0.016 254);
  --ns-900: oklch(0.295 0.016 256);
  --ns-950: oklch(0.250 0.015 258);
  --ns-1000: oklch(0.205 0.014 258);

  --nw-0: oklch(0.985 0.004 70);
  --nw-25: oklch(0.975 0.005 70);
  --nw-50: oklch(0.965 0.006 70);
  --nw-100: oklch(0.940 0.008 70);
  --nw-200: oklch(0.900 0.010 70);
  --nw-300: oklch(0.830 0.012 70);
  --nw-400: oklch(0.700 0.014 70);
  --nw-500: oklch(0.580 0.016 70);
  --nw-550: oklch(0.505 0.016 70);
  --nw-600: oklch(0.455 0.016 68);
  --nw-700: oklch(0.405 0.016 65);
  --nw-800: oklch(0.345 0.016 62);
  --nw-900: oklch(0.295 0.016 60);
  --nw-950: oklch(0.250 0.015 60);
  --nw-1000: oklch(0.205 0.014 58);

  --basari-100: oklch(0.94 0.045 155);
  --basari-300: oklch(0.78 0.130 155);
  --basari-500: oklch(0.55 0.130 155);
  --basari-600: oklch(0.455 0.115 155);
  --basari-900: oklch(0.28 0.070 155);
  --uyari-100: oklch(0.95 0.050 80);
  --uyari-300: oklch(0.82 0.130 78);
  --uyari-500: oklch(0.63 0.140 75);
  --uyari-600: oklch(0.470 0.120 70);
  --uyari-900: oklch(0.31 0.075 70);
  --tehlike-100: oklch(0.94 0.040 25);
  --tehlike-300: oklch(0.76 0.140 25);
  --tehlike-500: oklch(0.55 0.190 25);
  --tehlike-600: oklch(0.470 0.175 25);
  --tehlike-900: oklch(0.28 0.100 25);
  --bilgi-100: oklch(0.95 0.030 240);
  --bilgi-300: oklch(0.78 0.090 240);
  --bilgi-500: oklch(0.56 0.110 240);
  --bilgi-600: oklch(0.465 0.105 240);
  --bilgi-900: oklch(0.29 0.065 240);

  --denk-100: oklch(0.95 0.035 190);
  --denk-300: oklch(0.79 0.100 190);
  --denk-500: oklch(0.56 0.110 192);
  --denk-600: oklch(0.465 0.100 192);
  --denk-900: oklch(0.28 0.060 194);
  --acik-100: oklch(0.95 0.035 350);
  --acik-300: oklch(0.78 0.110 350);
  --acik-500: oklch(0.56 0.170 352);
  --acik-600: oklch(0.465 0.165 352);
  --acik-900: oklch(0.28 0.090 354);
  --fazla-100: oklch(0.95 0.030 300);
  --fazla-300: oklch(0.78 0.100 300);
  --fazla-500: oklch(0.55 0.150 302);
  --fazla-600: oklch(0.460 0.145 302);
  --fazla-900: oklch(0.28 0.080 304);

  --marka-mavi: #005790;
  --marka-mavi-acik: #086db3;

  --font-aray: Hanken Grotesk, Segoe UI Variable Text, Segoe UI, system-ui, sans-serif;
  --font-bas: Archivo, Hanken Grotesk, Segoe UI, system-ui, sans-serif;
  --fs-2xs: 11px;  --lh-2xs: 16px;
  --fs-xs: 12px;  --lh-xs: 16px;
  --fs-sm: 13px;  --lh-sm: 18px;
  --fs-md: 14px;  --lh-md: 20px;
  --fs-lg: 15px;  --lh-lg: 22px;
  --fs-xl: 17px;  --lh-xl: 24px;
  --fs-2xl: 20px;  --lh-2xl: 26px;
  --fs-3xl: 24px;  --lh-3xl: 30px;
  --fs-4xl: 30px;  --lh-4xl: 36px;
  --fs-5xl: 38px;  --lh-5xl: 42px;
  --fs-6xl: 52px;  --lh-6xl: 54px;
  --fs-7xl: 72px;  --lh-7xl: 72px;
  --fw-normal: 400;
  --fw-orta: 500;
  --fw-yari: 600;
  --fw-kalin: 700;
  --fw-agir: 800;
  --ls-sikisik: -0.022em;
  --ls-dar: -0.012em;
  --ls-normal: 0;
  --ls-genis: 0.06em;
  --sayi-tablo: tabular-nums;
  --sayi-orantili: proportional-nums;

  --bo-0: 0px;
  --bo-1: 4px;
  --bo-2: 8px;
  --bo-3: 12px;
  --bo-4: 16px;
  --bo-5: 20px;
  --bo-6: 24px;
  --bo-7: 28px;
  --bo-8: 32px;
  --bo-10: 40px;
  --bo-12: 48px;
  --bo-16: 64px;
  --bo-20: 80px;
  --bo-24: 96px;
  --bo-yarim: 2px;

  --k-xs: 4px;
  --k-sm: 6px;
  --k-md: 8px;
  --k-lg: 12px;
  --k-xl: 16px;
  --k-tam: 999px;

  --satir-yuk-sik: 32px;  --hucre-y-sik: 6px;  --hucre-x-sik: 12px;  --kontrol-yuk-sik: 32px;  --kart-ic-sik: 16px;
  --satir-yuk-rahat: 44px;  --hucre-y-rahat: 11px;  --hucre-x-rahat: 16px;  --kontrol-yuk-rahat: 40px;  --kart-ic-rahat: 20px;

  --dokunma-min: 44px;
  --pos-kontrol-yuk: 56px;
  --pos-tus: 64px;

  --hiz-hizli: 110ms;
  --hiz-orta: 180ms;
  --hiz-yavas: 280ms;
  --eg: cubic-bezier(.2,.7,.3,1);
  --odak-kalinlik: 2px;
  --odak-bosluk: 2px;
}

:root, [data-imza="a"]{
  --imza-50: oklch(0.970 0.022 55);
  --imza-100: oklch(0.940 0.045 53);
  --imza-200: oklch(0.880 0.085 51);
  --imza-300: oklch(0.810 0.130 50);
  --imza-400: oklch(0.740 0.165 49);
  --imza-500: oklch(0.680 0.190 48);
  --imza-600: oklch(0.560 0.170 43);
  --imza-700: oklch(0.480 0.145 41);
  --imza-800: oklch(0.380 0.110 40);
  --imza-900: oklch(0.290 0.080 40);
  --imza-dolgu: var(--imza-600);
  --imza-dolgu-ust: var(--imza-700);
  --imza-dolgu-uzeri: oklch(0.985 0.006 55);
  --imza-vurgu: var(--imza-700);
  --imza-vurgu-dark: var(--imza-400);
}

[data-imza="b"]{
  --imza-50: oklch(0.975 0.030 128);
  --imza-100: oklch(0.950 0.060 128);
  --imza-200: oklch(0.910 0.110 128);
  --imza-300: oklch(0.870 0.150 128);
  --imza-400: oklch(0.840 0.175 128);
  --imza-500: oklch(0.820 0.190 128);
  --imza-600: oklch(0.720 0.165 129);
  --imza-700: oklch(0.600 0.135 131);
  --imza-800: oklch(0.440 0.095 133);
  --imza-900: oklch(0.330 0.068 135);
  --imza-dolgu: var(--imza-500);
  --imza-dolgu-ust: var(--imza-600);
  --imza-dolgu-uzeri: oklch(0.220 0.030 130);
  --imza-vurgu: var(--imza-800);
  --imza-vurgu-dark: var(--imza-500);
}

[data-imza="c"]{
  --imza-50: oklch(0.970 0.015 30);
  --imza-100: oklch(0.930 0.035 30);
  --imza-200: oklch(0.870 0.070 29);
  --imza-300: oklch(0.770 0.115 29);
  --imza-400: oklch(0.670 0.150 28);
  --imza-500: oklch(0.580 0.170 28);
  --imza-600: oklch(0.510 0.160 27);
  --imza-700: oklch(0.430 0.135 26);
  --imza-800: oklch(0.350 0.105 26);
  --imza-900: oklch(0.270 0.075 26);
  --imza-dolgu: var(--imza-600);
  --imza-dolgu-ust: var(--imza-700);
  --imza-dolgu-uzeri: oklch(0.985 0.005 30);
  --imza-vurgu: var(--imza-600);
  --imza-vurgu-dark: var(--imza-300);

  --tehlike-100: oklch(0.94 0.040 12);
  --tehlike-300: oklch(0.74 0.150 12);
  --tehlike-500: oklch(0.52 0.200 12);
  --tehlike-600: oklch(0.45 0.190 12);
  --tehlike-900: oklch(0.27 0.105 12);
}

[data-imza="d"]{
  --imza-50: oklch(0.970 0.016 200);
  --imza-100: oklch(0.940 0.032 199);
  --imza-200: oklch(0.885 0.058 198);
  --imza-300: oklch(0.800 0.085 198);
  --imza-400: oklch(0.665 0.100 197);
  --imza-500: oklch(0.520 0.105 197);
  --imza-600: oklch(0.455 0.095 197);
  --imza-700: oklch(0.385 0.080 198);
  --imza-800: oklch(0.305 0.062 199);
  --imza-900: oklch(0.235 0.045 200);
  --imza-dolgu: var(--imza-600);
  --imza-dolgu-ust: var(--imza-700);
  --imza-dolgu-uzeri: oklch(0.985 0.005 200);
  --imza-vurgu: var(--imza-600);
  --imza-vurgu-dark: var(--imza-400);

  --bilgi-100: oklch(0.95 0.030 275);
  --bilgi-300: oklch(0.76 0.100 275);
  --bilgi-500: oklch(0.52 0.130 275);
  --bilgi-600: oklch(0.46 0.125 275);
  --bilgi-900: oklch(0.27 0.080 275);
}

:root,
[data-notr="soguk"],
[data-imza="a"]:not([data-notr="sicak"]),
[data-imza="b"]:not([data-notr="sicak"]),
[data-imza="d"]:not([data-notr="sicak"]){
  --n-0: var(--ns-0);
  --n-25: var(--ns-25);
  --n-50: var(--ns-50);
  --n-100: var(--ns-100);
  --n-200: var(--ns-200);
  --n-300: var(--ns-300);
  --n-400: var(--ns-400);
  --n-500: var(--ns-500);
  --n-550: var(--ns-550);
  --n-600: var(--ns-600);
  --n-700: var(--ns-700);
  --n-800: var(--ns-800);
  --n-900: var(--ns-900);
  --n-950: var(--ns-950);
  --n-1000: var(--ns-1000);
}
[data-notr="sicak"],
[data-imza="c"]:not([data-notr="soguk"]){
  --n-0: var(--nw-0);
  --n-25: var(--nw-25);
  --n-50: var(--nw-50);
  --n-100: var(--nw-100);
  --n-200: var(--nw-200);
  --n-300: var(--nw-300);
  --n-400: var(--nw-400);
  --n-500: var(--nw-500);
  --n-550: var(--nw-550);
  --n-600: var(--nw-600);
  --n-700: var(--nw-700);
  --n-800: var(--nw-800);
  --n-900: var(--nw-900);
  --n-950: var(--nw-950);
  --n-1000: var(--nw-1000);
}

:root, [data-yogunluk="sik"]{
  --satir-yuk: var(--satir-yuk-sik); --hucre-y: var(--hucre-y-sik); --hucre-x: var(--hucre-x-sik); --kontrol-yuk: var(--kontrol-yuk-sik); --kart-ic: var(--kart-ic-sik);
}
[data-yogunluk="rahat"]{
  --satir-yuk: var(--satir-yuk-rahat); --hucre-y: var(--hucre-y-rahat); --hucre-x: var(--hucre-x-rahat); --kontrol-yuk: var(--kontrol-yuk-rahat); --kart-ic: var(--kart-ic-rahat);
}

:root, [data-imza], [data-notr], [data-yogunluk]{
  --zemin: var(--n-50);
  --yuzey: var(--n-0);
  --yuzey-2: var(--n-25);
  --yuzey-3: var(--n-100);
  --yuzey-ters: var(--n-950);
  --kenar: var(--n-300);
  --kenar-2: var(--n-200);
  --kenar-guclu: var(--n-300);
  --metin: var(--n-1000);
  --metin-2: var(--n-700);
  --metin-3: var(--n-600);
  --metin-ters: var(--n-0);
  --metin-pasif: var(--n-400);
  --imza: var(--imza-700);
  --imza-zemin: var(--imza-50);
  --imza-kenar: var(--imza-200);
  --odak-renk: var(--imza-700);
  --secim-zemin: var(--n-100);
  --basari: var(--basari-600);
  --basari-zemin: var(--basari-100);
  --basari-kenar: var(--basari-300);
  --uyari: var(--uyari-600);
  --uyari-zemin: var(--uyari-100);
  --uyari-kenar: var(--uyari-300);
  --tehlike: var(--tehlike-600);
  --tehlike-zemin: var(--tehlike-100);
  --tehlike-kenar: var(--tehlike-300);
  --bilgi: var(--bilgi-600);
  --bilgi-zemin: var(--bilgi-100);
  --bilgi-kenar: var(--bilgi-300);
  --denk: var(--denk-600);
  --denk-zemin: var(--denk-100);
  --denk-kenar: var(--denk-300);
  --acik: var(--acik-600);
  --acik-zemin: var(--acik-100);
  --acik-kenar: var(--acik-300);
  --fazla: var(--fazla-600);
  --fazla-zemin: var(--fazla-100);
  --fazla-kenar: var(--fazla-300);
  --grafik-1: var(--imza-600);
  --grafik-2: var(--bilgi-600);
  --grafik-3: var(--basari-500);
  --grafik-4: var(--fazla-500);
  --grafik-5: var(--acik-600);
  --grafik-6: var(--tehlike-300);
}
[data-imza="b"]{
  --zemin: var(--n-50);
  --yuzey: var(--n-0);
  --yuzey-2: var(--n-25);
  --yuzey-3: var(--n-100);
  --yuzey-ters: var(--n-950);
  --kenar: var(--n-300);
  --kenar-2: var(--n-200);
  --kenar-guclu: var(--n-300);
  --metin: var(--n-1000);
  --metin-2: var(--n-700);
  --metin-3: var(--n-600);
  --metin-ters: var(--n-0);
  --metin-pasif: var(--n-400);
  --imza: var(--imza-800);
  --imza-zemin: var(--imza-50);
  --imza-kenar: var(--imza-200);
  --odak-renk: var(--imza-800);
  --secim-zemin: var(--n-100);
  --basari: var(--basari-600);
  --basari-zemin: var(--basari-100);
  --basari-kenar: var(--basari-300);
  --uyari: var(--uyari-600);
  --uyari-zemin: var(--uyari-100);
  --uyari-kenar: var(--uyari-300);
  --tehlike: var(--tehlike-600);
  --tehlike-zemin: var(--tehlike-100);
  --tehlike-kenar: var(--tehlike-300);
  --bilgi: var(--bilgi-600);
  --bilgi-zemin: var(--bilgi-100);
  --bilgi-kenar: var(--bilgi-300);
  --denk: var(--denk-600);
  --denk-zemin: var(--denk-100);
  --denk-kenar: var(--denk-300);
  --acik: var(--acik-600);
  --acik-zemin: var(--acik-100);
  --acik-kenar: var(--acik-300);
  --fazla: var(--fazla-600);
  --fazla-zemin: var(--fazla-100);
  --fazla-kenar: var(--fazla-300);
  --grafik-1: var(--imza-600);
  --grafik-2: var(--bilgi-600);
  --grafik-3: var(--basari-500);
  --grafik-4: var(--fazla-500);
  --grafik-5: var(--acik-600);
  --grafik-6: var(--tehlike-300);
}
[data-imza="c"]{
  --zemin: var(--n-50);
  --yuzey: var(--n-0);
  --yuzey-2: var(--n-25);
  --yuzey-3: var(--n-100);
  --yuzey-ters: var(--n-950);
  --kenar: var(--n-300);
  --kenar-2: var(--n-200);
  --kenar-guclu: var(--n-300);
  --metin: var(--n-1000);
  --metin-2: var(--n-700);
  --metin-3: var(--n-600);
  --metin-ters: var(--n-0);
  --metin-pasif: var(--n-400);
  --imza: var(--imza-600);
  --imza-zemin: var(--imza-50);
  --imza-kenar: var(--imza-200);
  --odak-renk: var(--imza-600);
  --secim-zemin: var(--n-100);
  --basari: var(--basari-600);
  --basari-zemin: var(--basari-100);
  --basari-kenar: var(--basari-300);
  --uyari: var(--uyari-600);
  --uyari-zemin: var(--uyari-100);
  --uyari-kenar: var(--uyari-300);
  --tehlike: var(--tehlike-600);
  --tehlike-zemin: var(--tehlike-100);
  --tehlike-kenar: var(--tehlike-300);
  --bilgi: var(--bilgi-600);
  --bilgi-zemin: var(--bilgi-100);
  --bilgi-kenar: var(--bilgi-300);
  --denk: var(--denk-600);
  --denk-zemin: var(--denk-100);
  --denk-kenar: var(--denk-300);
  --acik: var(--acik-600);
  --acik-zemin: var(--acik-100);
  --acik-kenar: var(--acik-300);
  --fazla: var(--fazla-600);
  --fazla-zemin: var(--fazla-100);
  --fazla-kenar: var(--fazla-300);
  --grafik-1: var(--imza-600);
  --grafik-2: var(--bilgi-600);
  --grafik-3: var(--basari-500);
  --grafik-4: var(--fazla-500);
  --grafik-5: var(--acik-600);
  --grafik-6: var(--tehlike-300);
}
[data-imza="d"]{
  --zemin: var(--n-50);
  --yuzey: var(--n-0);
  --yuzey-2: var(--n-25);
  --yuzey-3: var(--n-100);
  --yuzey-ters: var(--n-950);
  --kenar: var(--n-300);
  --kenar-2: var(--n-200);
  --kenar-guclu: var(--n-300);
  --metin: var(--n-1000);
  --metin-2: var(--n-700);
  --metin-3: var(--n-600);
  --metin-ters: var(--n-0);
  --metin-pasif: var(--n-400);
  --imza: var(--imza-600);
  --imza-zemin: var(--imza-50);
  --imza-kenar: var(--imza-200);
  --odak-renk: var(--imza-600);
  --secim-zemin: var(--n-100);
  --basari: var(--basari-600);
  --basari-zemin: var(--basari-100);
  --basari-kenar: var(--basari-300);
  --uyari: var(--uyari-600);
  --uyari-zemin: var(--uyari-100);
  --uyari-kenar: var(--uyari-300);
  --tehlike: var(--tehlike-600);
  --tehlike-zemin: var(--tehlike-100);
  --tehlike-kenar: var(--tehlike-300);
  --bilgi: var(--bilgi-600);
  --bilgi-zemin: var(--bilgi-100);
  --bilgi-kenar: var(--bilgi-300);
  --denk: var(--denk-600);
  --denk-zemin: var(--denk-100);
  --denk-kenar: var(--denk-300);
  --acik: var(--acik-600);
  --acik-zemin: var(--acik-100);
  --acik-kenar: var(--acik-300);
  --fazla: var(--fazla-600);
  --fazla-zemin: var(--fazla-100);
  --fazla-kenar: var(--fazla-300);
  --grafik-1: var(--imza-600);
  --grafik-2: var(--bilgi-600);
  --grafik-3: var(--basari-500);
  --grafik-4: var(--fazla-500);
  --grafik-5: var(--acik-600);
  --grafik-6: var(--tehlike-300);
}

[data-mod="dark"],
[data-mod="dark"] [data-imza="a"],
[data-mod="dark"] [data-notr],
[data-mod="dark"] [data-yogunluk]{
  --zemin: var(--n-1000);
  --yuzey: var(--n-950);
  --yuzey-2: var(--n-900);
  --yuzey-3: var(--n-800);
  --yuzey-ters: var(--n-900);
  --kenar: var(--n-800);
  --kenar-2: var(--n-800);
  --kenar-guclu: var(--n-700);
  --metin: var(--n-100);
  --metin-2: var(--n-300);
  --metin-3: var(--n-400);
  --metin-ters: var(--n-1000);
  --metin-pasif: var(--n-600);
  --imza: var(--imza-400);
  --imza-zemin: var(--imza-900);
  --imza-kenar: var(--imza-800);
  --odak-renk: var(--imza-400);
  --secim-zemin: var(--n-800);
  --basari: var(--basari-300);
  --basari-zemin: var(--basari-900);
  --basari-kenar: var(--basari-600);
  --uyari: var(--uyari-300);
  --uyari-zemin: var(--uyari-900);
  --uyari-kenar: var(--uyari-600);
  --tehlike: var(--tehlike-300);
  --tehlike-zemin: var(--tehlike-900);
  --tehlike-kenar: var(--tehlike-600);
  --bilgi: var(--bilgi-300);
  --bilgi-zemin: var(--bilgi-900);
  --bilgi-kenar: var(--bilgi-600);
  --denk: var(--denk-300);
  --denk-zemin: var(--denk-900);
  --denk-kenar: var(--denk-600);
  --acik: var(--acik-300);
  --acik-zemin: var(--acik-900);
  --acik-kenar: var(--acik-600);
  --fazla: var(--fazla-300);
  --fazla-zemin: var(--fazla-900);
  --fazla-kenar: var(--fazla-600);
  --grafik-1: var(--imza-300);
  --grafik-2: var(--bilgi-300);
  --grafik-3: var(--basari-300);
  --grafik-4: var(--fazla-300);
  --grafik-5: var(--acik-300);
  --grafik-6: var(--tehlike-300);
  --yuk-1: 0 1px 2px rgba(0,0,0,.4);
  --yuk-2: 0 2px 6px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.7);
}
[data-mod="dark"][data-imza="b"],
[data-mod="dark"] [data-imza="b"]{
  --zemin: var(--n-1000);
  --yuzey: var(--n-950);
  --yuzey-2: var(--n-900);
  --yuzey-3: var(--n-800);
  --yuzey-ters: var(--n-900);
  --kenar: var(--n-800);
  --kenar-2: var(--n-800);
  --kenar-guclu: var(--n-700);
  --metin: var(--n-100);
  --metin-2: var(--n-300);
  --metin-3: var(--n-400);
  --metin-ters: var(--n-1000);
  --metin-pasif: var(--n-600);
  --imza: var(--imza-500);
  --imza-zemin: var(--imza-900);
  --imza-kenar: var(--imza-800);
  --odak-renk: var(--imza-500);
  --secim-zemin: var(--n-800);
  --basari: var(--basari-300);
  --basari-zemin: var(--basari-900);
  --basari-kenar: var(--basari-600);
  --uyari: var(--uyari-300);
  --uyari-zemin: var(--uyari-900);
  --uyari-kenar: var(--uyari-600);
  --tehlike: var(--tehlike-300);
  --tehlike-zemin: var(--tehlike-900);
  --tehlike-kenar: var(--tehlike-600);
  --bilgi: var(--bilgi-300);
  --bilgi-zemin: var(--bilgi-900);
  --bilgi-kenar: var(--bilgi-600);
  --denk: var(--denk-300);
  --denk-zemin: var(--denk-900);
  --denk-kenar: var(--denk-600);
  --acik: var(--acik-300);
  --acik-zemin: var(--acik-900);
  --acik-kenar: var(--acik-600);
  --fazla: var(--fazla-300);
  --fazla-zemin: var(--fazla-900);
  --fazla-kenar: var(--fazla-600);
  --grafik-1: var(--imza-300);
  --grafik-2: var(--bilgi-300);
  --grafik-3: var(--basari-300);
  --grafik-4: var(--fazla-300);
  --grafik-5: var(--acik-300);
  --grafik-6: var(--tehlike-300);
  --yuk-1: 0 1px 2px rgba(0,0,0,.4);
  --yuk-2: 0 2px 6px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.7);
}
[data-mod="dark"][data-imza="c"],
[data-mod="dark"] [data-imza="c"]{
  --zemin: var(--n-1000);
  --yuzey: var(--n-950);
  --yuzey-2: var(--n-900);
  --yuzey-3: var(--n-800);
  --yuzey-ters: var(--n-900);
  --kenar: var(--n-800);
  --kenar-2: var(--n-800);
  --kenar-guclu: var(--n-700);
  --metin: var(--n-100);
  --metin-2: var(--n-300);
  --metin-3: var(--n-400);
  --metin-ters: var(--n-1000);
  --metin-pasif: var(--n-600);
  --imza: var(--imza-300);
  --imza-zemin: var(--imza-900);
  --imza-kenar: var(--imza-800);
  --odak-renk: var(--imza-300);
  --secim-zemin: var(--n-800);
  --basari: var(--basari-300);
  --basari-zemin: var(--basari-900);
  --basari-kenar: var(--basari-600);
  --uyari: var(--uyari-300);
  --uyari-zemin: var(--uyari-900);
  --uyari-kenar: var(--uyari-600);
  --tehlike: var(--tehlike-300);
  --tehlike-zemin: var(--tehlike-900);
  --tehlike-kenar: var(--tehlike-600);
  --bilgi: var(--bilgi-300);
  --bilgi-zemin: var(--bilgi-900);
  --bilgi-kenar: var(--bilgi-600);
  --denk: var(--denk-300);
  --denk-zemin: var(--denk-900);
  --denk-kenar: var(--denk-600);
  --acik: var(--acik-300);
  --acik-zemin: var(--acik-900);
  --acik-kenar: var(--acik-600);
  --fazla: var(--fazla-300);
  --fazla-zemin: var(--fazla-900);
  --fazla-kenar: var(--fazla-600);
  --grafik-1: var(--imza-300);
  --grafik-2: var(--bilgi-300);
  --grafik-3: var(--basari-300);
  --grafik-4: var(--fazla-300);
  --grafik-5: var(--acik-300);
  --grafik-6: var(--tehlike-300);
  --yuk-1: 0 1px 2px rgba(0,0,0,.4);
  --yuk-2: 0 2px 6px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.7);
}
[data-mod="dark"][data-imza="d"],
[data-mod="dark"] [data-imza="d"]{
  --zemin: var(--n-1000);
  --yuzey: var(--n-950);
  --yuzey-2: var(--n-900);
  --yuzey-3: var(--n-800);
  --yuzey-ters: var(--n-900);
  --kenar: var(--n-800);
  --kenar-2: var(--n-800);
  --kenar-guclu: var(--n-700);
  --metin: var(--n-100);
  --metin-2: var(--n-300);
  --metin-3: var(--n-400);
  --metin-ters: var(--n-1000);
  --metin-pasif: var(--n-600);
  --imza: var(--imza-400);
  --imza-zemin: var(--imza-900);
  --imza-kenar: var(--imza-800);
  --odak-renk: var(--imza-400);
  --secim-zemin: var(--n-800);
  --basari: var(--basari-300);
  --basari-zemin: var(--basari-900);
  --basari-kenar: var(--basari-600);
  --uyari: var(--uyari-300);
  --uyari-zemin: var(--uyari-900);
  --uyari-kenar: var(--uyari-600);
  --tehlike: var(--tehlike-300);
  --tehlike-zemin: var(--tehlike-900);
  --tehlike-kenar: var(--tehlike-600);
  --bilgi: var(--bilgi-300);
  --bilgi-zemin: var(--bilgi-900);
  --bilgi-kenar: var(--bilgi-600);
  --denk: var(--denk-300);
  --denk-zemin: var(--denk-900);
  --denk-kenar: var(--denk-600);
  --acik: var(--acik-300);
  --acik-zemin: var(--acik-900);
  --acik-kenar: var(--acik-600);
  --fazla: var(--fazla-300);
  --fazla-zemin: var(--fazla-900);
  --fazla-kenar: var(--fazla-600);
  --grafik-1: var(--imza-300);
  --grafik-2: var(--bilgi-300);
  --grafik-3: var(--basari-300);
  --grafik-4: var(--fazla-300);
  --grafik-5: var(--acik-300);
  --grafik-6: var(--tehlike-300);
  --yuk-1: 0 1px 2px rgba(0,0,0,.4);
  --yuk-2: 0 2px 6px rgba(0,0,0,.45), 0 18px 40px -18px rgba(0,0,0,.7);
}

@supports (color: oklch(from white l c h)){
  [data-mod="dark"], [data-mod="dark"] [data-imza], [data-mod="dark"] [data-notr]{
    --kenar-2: oklch(from var(--n-800) l c h / .6);
  }
}

:root{
  --yuk-1: 0 1px 2px rgba(19,23,33,.05), 0 1px 3px rgba(19,23,33,.04);
  --yuk-2: 0 2px 4px rgba(19,23,33,.04), 0 14px 30px -14px rgba(19,23,33,.26);
}

:focus-visible{ outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-bosluk); border-radius: var(--k-sm); }
::selection{ background: var(--secim-zemin); color: var(--metin); }
@media (prefers-reduced-motion: reduce){ *{ animation-duration:.01ms!important; transition-duration:.01ms!important; } }