/* ═══════════════════════════════════════════════════════════════════════════
   FiyatPlus+ tasarım dili v2 "Derinlik" — TOKEN'LAR (TS-02 v2, 28.10.2026)

   Yalnız body.tasarim-yeni olan sayfalarda yüklenir; sıra tokens → bilesenler
   → kabuk, tüm mevcut CSS'lerden sonra. Yalnız özel özellik ve @font-face
   tanımlar; hiçbir öğeye stil vermez.

   Kaynak: yön prototipi B "Derinlik" (cip-durum/TS-SERI/yon/B-derinlik) CSS'i
   birebir + TS-02 v2 tabloları. Önek: --kr- ilkel · --k- rol/ölçü · --kb- bileşen.
   Düz renkler hex (TS-02 OKLCH→hex), alfa taşıyan gölge/ışık değerleri
   prototipteki gibi oklch().

   Geriye uyum: v1 (27.10) adlarının hepsi duruyor; değeri değişen ya da v2'de
   adı değişen her v1 adı aşağıda "v1 takma ad" bölümünde v2 karşılığına
   bağlanır. Pilot sayfa CSS'leri kırılmaz.

   Koyu kip yok. Kabuk (header + sol menü) bu belirteçlerden etkilenmez.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Yazı tipi: Archivo (OFL, /marka/fontlar/OFL.txt), değişken 400–800 ── */
@font-face {
    font-family: "Archivo";
    src: url("../../marka/fontlar/Archivo-wght.woff2") format("woff2-variations"),
         url("../../marka/fontlar/Archivo-wght.woff2") format("woff2");
    font-weight: 400 800;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap;
    unicode-range: U+0000-017F, U+20BA, U+2013-2014, U+2018-201D, U+2022, U+2026, U+2212;
}
@font-face {
    font-family: "Archivo-Yedek";
    src: local("Arial");
    size-adjust: 101%;
    ascent-override: 88%;
    descent-override: 21%;
    line-gap-override: 0%;
}

:root {
    /* ── İlkel (--kr-*) v2 — TS-02 §3.1 ─────────────────────────────────── */
    /* Sıcak nötrler (ton 88) */
    --kr-notr-zemin: #f8f6f0;        /* oklch(0.972 0.008 88) */
    --kr-notr-zemin-derin: #f3f0e8;  /* oklch(0.955 0.011 88) */
    --kr-notr-yuzey: #fefdfa;        /* oklch(0.993 0.003 88) */
    --kr-notr-yuzey-2: #fbf9f5;      /* oklch(0.982 0.006 88) */
    --kr-notr-yuzey-batik: #f5f2ec;  /* oklch(0.962 0.009 88) */
    --kr-notr-cizgi: #e1ded7;        /* oklch(0.90 0.010 88) */
    --kr-notr-cizgi-guclu: #a7abb3;  /* oklch(0.74 0.012 268) */
    /* Mürekkep (logo #212530; ikincil tonlar 268) */
    --kr-murekkep-950: #141823;      /* oklch(0.21 0.022 268) */
    --kr-murekkep-900: #1e232e;      /* oklch(0.255 0.022 268) */
    --kr-murekkep-800: #303541;      /* oklch(0.33 0.022 268) */
    --kr-murekkep-700: #333844;      /* oklch(0.34 0.022 268), birincil gradyan üstü */
    --kr-murekkep-600: #212530;      /* mürekkep */
    --kr-murekkep-500: #494d57;      /* oklch(0.42 0.018 268) */
    --kr-murekkep-400: #6d717b;      /* oklch(0.55 0.016 268) */
    --kr-murekkep-300: #9598a0;      /* oklch(0.68 0.012 268) */
    /* Sarı */
    --kr-sari-500: #f8d70a;
    --kr-sari-600: #e1ba00;          /* oklch(0.80 0.165 94) */
    --kr-sari-metin: #6d5000;
    --kr-sari-grad-ust: #ffe759;     /* oklch(0.93 0.16 96) */
    --kr-sari-grad-alt: #f2cf24;     /* oklch(0.86 0.17 96) */
    --kr-sari-isik: #f6d32b;         /* oklch(0.87 0.17 96) */
    --kr-sari-zemin-50: #fff6b0;
    --kr-sari-zemin-100: #feefb1;
    --kr-sari-zemin-200: #fee47a;
    --kr-sari-kenar: #d9bd44;
    /* Durum (G3 aynen) */
    --kr-durum-basari: #006738;
    --kr-durum-basari-zemin: #e8fbed;
    --kr-durum-basari-vurgu: #17a35f;
    --kr-durum-uyari: #7d4600;
    --kr-durum-uyari-zemin: #fff3e8;
    --kr-durum-hata: #a0110c;
    --kr-durum-hata-zemin: #fff2ef;
    --kr-durum-bilgi: #00598f;
    --kr-durum-bilgi-zemin: #edf6ff;
    /* Açık metinler (koyu yüzey üstünde) */
    --kr-acik-ust-bar-metin: #f3f2ee;
    --kr-acik-kahraman-metin: #f8f7f4;
    --kr-acik-kahraman-metin-2: #c0bdb7;
    --kr-acik-birincil-metin: #fbfaf8;
    --kr-acik-toast-metin: #f6f5f2;
    /* Işıklar */
    --kr-isik-kahraman-mavi: #5d70a1;
    --kr-isik-zemin-sari: #f6e8b3;
    --kr-isik-zemin-mavi: #d2d7e5;
    --kr-isik-duyuru-sari: #f7d644;
    --kr-isik-duyuru-mavi: #a0adcf;
    /* Veri */
    --kr-veri-notr-ust: #b4b7bf;
    --kr-veri-notr-alt: #9598a0;
    --kr-veri-dusuk-ust: #59c886;
    --kr-veri-yuksek-ust: #fd7562;
    --kr-veri-yuksek-alt: #de3d34;
    /* Gölge rengi (yalnız alfa kaynağı) */
    --kr-golge-renk: #1d212b;        /* oklch(0.25 0.02 268) */
    --kr-golge-renk-koyu: #1b2130;   /* oklch(0.25 0.03 268) */

    /* v1 ilkel ölçeklerden v2'de karşılığı olmayanlar (geriye uyum; yeni kodda kullanma) */
    --kr-murekkep-25: #fafbfc; --kr-murekkep-50: #f4f5f8; --kr-murekkep-100: #e9ebef; --kr-murekkep-200: #d7d9df;
    --kr-sari-25: #fefbf0; --kr-sari-50: #fbf6dc; --kr-sari-100: #f5ecc1; --kr-sari-200: #f8d70a;
    --kr-sari-300: #dcc135; --kr-sari-400: #c4a100; --kr-sari-700: #6d5000; --kr-sari-800: #543b00; --kr-sari-900: #3b2700; --kr-sari-950: #261700;
    --kr-kehribar-50: #fff3e8; --kr-kehribar-300: #fcad65; --kr-kehribar-700: #7d4600; --kr-kehribar-900: #422200;
    --kr-yesil-50: #e8fbed; --kr-yesil-300: #7dd89f; --kr-yesil-500: #17a35f; --kr-yesil-700: #006738; --kr-yesil-900: #00351b;
    --kr-kirmizi-50: #fff2ef; --kr-kirmizi-300: #ffa699; --kr-kirmizi-500: #e54e3f; --kr-kirmizi-700: #a0110c; --kr-kirmizi-800: #7d0001; --kr-kirmizi-900: #580000;
    --kr-mavi-50: #edf6ff; --kr-mavi-300: #87c8ff; --kr-mavi-700: #00598f; --kr-mavi-900: #002e4d;
    --kr-celik-500: #448dd4; --kr-erik-500: #c161a8; --kr-yosun-500: #749742;
    --kr-menekse-500: #9773d0; --kr-bakir-500: #d06829; --kr-petrol-500: #009ba8;
    --kr-veri-kategori-1: var(--kr-celik-500);
    --kr-veri-kategori-2: var(--kr-erik-500);
    --kr-veri-kategori-3: var(--kr-yosun-500);
    --kr-veri-kategori-4: var(--kr-menekse-500);
    --kr-veri-kategori-5: var(--kr-bakir-500);
    --kr-veri-kategori-6: var(--kr-petrol-500);

    /* ── Rol (--k-*) v2, Açık kip — TS-02 §3.2 ─────────────────────────── */
    --k-zemin: var(--kr-notr-zemin);
    --k-zemin-derin: var(--kr-notr-zemin-derin);
    --k-yuzey: var(--kr-notr-yuzey);
    --k-yuzey-2: var(--kr-notr-yuzey-2);
    --k-yuzey-batik: var(--kr-notr-yuzey-batik);
    --k-yuzey-ters: var(--kr-murekkep-900);
    --k-yuzey-koyu: var(--kr-murekkep-900);
    --k-yuzey-koyu-ust: var(--kr-murekkep-800);
    --k-yuzey-koyu-alt: var(--kr-murekkep-950);
    --k-murekkep: var(--kr-murekkep-600);
    --k-murekkep-ikincil: var(--kr-murekkep-500);
    --k-murekkep-soluk: var(--kr-murekkep-400);   /* batık yüzeyde kullanma (4,37:1) */
    --k-murekkep-pasif: var(--kr-murekkep-300);   /* yalnız dekoratif ok/ikon */
    --k-murekkep-ters: var(--kr-acik-birincil-metin);
    --k-murekkep-koyu-zemin: var(--kr-acik-kahraman-metin);
    --k-murekkep-koyu-zemin-ikincil: var(--kr-acik-kahraman-metin-2);
    --k-cizgi: var(--kr-notr-cizgi);
    --k-cizgi-guclu: var(--kr-notr-cizgi-guclu);
    --k-vurgu: var(--kr-sari-500);
    --k-vurgu-koyu: var(--kr-sari-600);
    --k-vurgu-metin: var(--kr-sari-metin);
    --k-vurgu-zemin: var(--kr-sari-zemin-100);
    --k-vurgu-kenar: var(--kr-sari-kenar);
    --k-vurgu-isik: var(--kr-sari-isik);
    --k-odak: var(--kr-murekkep-600);
    --k-odak-ic: var(--kr-sari-500);
    --k-ic-isik: oklch(1 0 0);                    /* iç ışık rengi (alfa ile) */
    --k-golge: var(--kr-golge-renk);
    --k-golge-koyu-renk: var(--kr-golge-renk-koyu);
    --k-eylem: var(--kr-murekkep-900);
    --k-eylem-ustunde: var(--kr-murekkep-800);
    --k-eylem-uzerinde: var(--kr-acik-birincil-metin);
    --k-basari: var(--kr-durum-basari);
    --k-basari-zemin: var(--kr-durum-basari-zemin);
    --k-basari-vurgu: var(--kr-durum-basari-vurgu);
    --k-uyari: var(--kr-durum-uyari);
    --k-uyari-zemin: var(--kr-durum-uyari-zemin);
    --k-hata: var(--kr-durum-hata);
    --k-hata-zemin: var(--kr-durum-hata-zemin);
    --k-bilgi: var(--kr-durum-bilgi);
    --k-bilgi-zemin: var(--kr-durum-bilgi-zemin);
    --k-veri-ust: var(--kr-durum-hata);
    --k-veri-ust-zemin: var(--kr-durum-hata-zemin);
    --k-veri-alt: var(--kr-durum-basari-vurgu);
    --k-veri-alt-metin: var(--kr-durum-basari);
    --k-veri-alt-zemin: var(--kr-durum-basari-zemin);
    --k-veri-notr: var(--kr-veri-notr-alt);
    --k-veri-notr-zemin: var(--kr-notr-yuzey-batik);
    --k-veri-yuksek: var(--kr-veri-yuksek-alt);
    --k-veri-dusuk: var(--kr-durum-basari-vurgu);
    --k-isik-sari: var(--kr-sari-isik);
    --k-isik-mavi: var(--kr-isik-kahraman-mavi);
    --k-isik-zemin-sari: var(--kr-isik-zemin-sari);
    --k-isik-zemin-mavi: var(--kr-isik-zemin-mavi);
    /* K4 (31.10, KR-04 b): seçili durum açık sarı + ince koyu çizgi + onay simgesi; doymuş sarı çerçeve yok.
       Bilgi notu çerçevesiz açık sarı (sarı-50 %55); uyarı kehribar (--k-uyari). */
    --k-secili-zemin: var(--kr-sari-zemin-100);
    --k-secili-cizgi: var(--kr-murekkep-600);
    --k-secili-metin: var(--kr-murekkep-600);
    --k-not-zemin: color-mix(in oklch, var(--kr-sari-zemin-50) 55%, var(--kr-notr-yuzey));
    --k-not-ikon: var(--kr-sari-metin);
    /* Zemin üstü yardımcı metin (OR-30): soluk mürekkep zeminin mavimsi ışığında 4,42:1 kalıyor, ikincil kullan. */
    --k-murekkep-zemin-ustu: var(--kr-murekkep-500);

    /* ── Derinlik: gölge ve iç ışık (TS-02 §4; prototip birebir) ─────────── */
    --k-golge-0: 0 0 0 1px oklch(0.25 0.02 268 / 0.06), 0 1px 1px oklch(0.25 0.02 268 / 0.04);
    --k-golge-1: 0 0 0 1px oklch(0.25 0.02 268 / 0.055), 0 1px 2px oklch(0.25 0.02 268 / 0.05), 0 3px 8px -2px oklch(0.25 0.02 268 / 0.07);
    --k-golge-2: 0 0 0 1px oklch(0.25 0.02 268 / 0.07), 0 2px 4px oklch(0.25 0.02 268 / 0.05), 0 14px 30px -10px oklch(0.25 0.02 268 / 0.18);
    --k-golge-koyu: inset 0 1px 0 oklch(1 0 0 / 0.14), 0 1px 2px oklch(0 0 0 / 0.25), 0 24px 52px -20px oklch(0.25 0.03 268 / 0.55);
    --k-golge-cekmece: 0 0 0 1px oklch(0.25 0.02 268 / 0.06), 0 24px 64px -16px oklch(0.25 0.02 268 / 0.35);
    --k-golge-ic-isik: inset 0 1px 0 oklch(1 0 0 / 0.85);
    --k-golge-batik: inset 0 0 0 1px oklch(0.25 0.02 268 / 0.05), inset 0 1px 0 oklch(1 0 0 / 0.85);
    --k-golge-girdi: inset 0 1px 2px oklch(0.25 0.02 268 / 0.08), inset 0 0 0 1px oklch(0.25 0.02 268 / 0.05);
    --k-golge-kart: var(--k-golge-1), var(--k-golge-ic-isik);
    --k-golge-kart-ustunde: var(--k-golge-2), var(--k-golge-ic-isik);
    --k-golge-birincil: inset 0 1px 0 oklch(1 0 0 / 0.14), 0 1px 2px oklch(0.2 0.02 268 / 0.4), 0 8px 18px -8px oklch(0.2 0.02 268 / 0.6);
    --k-golge-birincil-ustunde: inset 0 1px 0 oklch(1 0 0 / 0.16), 0 2px 4px oklch(0.2 0.02 268 / 0.3), 0 14px 26px -10px oklch(0.2 0.02 268 / 0.6);
    --k-golge-sari: inset 0 1px 0 oklch(1 0 0 / 0.6), inset 0 -1px 0 oklch(0.55 0.12 90 / 0.3), 0 1px 2px oklch(0 0 0 / 0.3), 0 10px 24px -8px oklch(0.82 0.17 96 / 0.75);
    --k-golge-sari-ustunde: inset 0 1px 0 oklch(1 0 0 / 0.6), 0 2px 4px oklch(0 0 0 / 0.25), 0 16px 32px -10px oklch(0.82 0.17 96 / 0.9);
    --k-golge-cam: inset 0 0 0 1px oklch(1 0 0 / 0.14), inset 0 1px 0 oklch(1 0 0 / 0.1);
    --k-golge-toast: inset 0 1px 0 oklch(1 0 0 / 0.14), 0 2px 4px oklch(0 0 0 / 0.25), 0 24px 48px -16px oklch(0.2 0.03 268 / 0.6);
    --k-perde: oklch(0.2 0.02 268 / 0.45);

    /* ── Bileşen (--kb-*) v2 — TS-02 §3.2 bileşen katmanı ───────────────── */
    --kb-dugme-birincil-ust: var(--kr-murekkep-700);
    --kb-dugme-birincil-alt: var(--kr-murekkep-900);
    --kb-dugme-birincil-metin: var(--kr-acik-birincil-metin);
    --kb-dugme-ikincil-ust: var(--k-yuzey);
    --kb-dugme-ikincil-alt: var(--k-yuzey-2);
    --kb-dugme-ikincil-metin: var(--k-murekkep);
    --kb-dugme-sari-ust: var(--kr-sari-grad-ust);
    --kb-dugme-sari-alt: var(--kr-sari-grad-alt);
    --kb-dugme-sari-metin: var(--k-murekkep);
    --kb-dugme-sade-metin: var(--k-murekkep-ikincil);
    --kb-dugme-tehlike-zemin: var(--k-hata);
    --kb-dugme-tehlike-metin: var(--kr-acik-birincil-metin);
    --kb-dugme-cam-zemin: oklch(1 0 0 / 0.07);
    --kb-dugme-cam-zemin-ustunde: oklch(1 0 0 / 0.12);
    --kb-dugme-cam-metin: var(--kr-acik-ust-bar-metin);
    --kb-girdi-zemin: var(--k-yuzey-batik);
    --kb-girdi-zemin-odak: var(--k-yuzey);
    --kb-girdi-metin: var(--k-murekkep);
    --kb-girdi-yer-tutucu: var(--k-murekkep-soluk);
    --kb-girdi-hata-cizgi: var(--k-hata);
    --kb-kart-zemin: var(--k-yuzey);
    --kb-kart-koyu-ust: var(--k-yuzey-koyu-ust);
    --kb-kart-koyu-orta: var(--k-yuzey-koyu);
    --kb-kart-koyu-alt: var(--k-yuzey-koyu-alt);
    --kb-kart-koyu-metin: var(--k-murekkep-koyu-zemin);
    --kb-kart-koyu-metin-2: var(--k-murekkep-koyu-zemin-ikincil);
    --kb-toast-ust: var(--kr-murekkep-800);
    --kb-toast-alt: var(--kr-murekkep-900);
    --kb-toast-metin: var(--kr-acik-toast-metin);
    --kb-bakiye-zemin: oklch(1 0 0 / 0.06);
    --kb-metrik-kutu: var(--k-yuzey-2);
    --kb-fiyat-kutu-zemin: var(--k-yuzey-2);
    --kb-fiyat-kutu-satar-isaret: var(--k-vurgu);
    --kb-iskelet-zemin: var(--k-yuzey-batik);
    --kb-iskelet-parilti: oklch(0.985 0.004 88);
    --kb-ilerleme-ray: var(--k-yuzey-batik);
    --kb-ilerleme-dolu-ust: oklch(0.33 0.02 268);
    --kb-ilerleme-dolu-alt: var(--k-murekkep);
    --kb-satir-ustunde: var(--k-yuzey-2);
    --kb-kivilcim-ust: oklch(0.97 0.1 96);
    --kb-kivilcim-alt: oklch(0.9 0.15 96);
    --kb-halka-ray: oklch(1 0 0 / 0.12);
    --kb-halka-dolu: var(--k-vurgu);
    --kb-sekme-metin: var(--k-murekkep-ikincil);
    --kb-sekme-metin-secili: var(--k-murekkep);
    --kb-sekme-secili-isaret: var(--k-murekkep);
    --kb-mesaj-basari-zemin: var(--k-basari-zemin);
    --kb-mesaj-basari-metin: var(--k-basari);
    --kb-mesaj-basari-ikon: var(--k-basari);
    --kb-mesaj-uyari-zemin: var(--k-uyari-zemin);
    --kb-mesaj-uyari-metin: var(--k-uyari);
    --kb-mesaj-uyari-ikon: var(--k-uyari);
    --kb-mesaj-hata-zemin: var(--k-hata-zemin);
    --kb-mesaj-hata-metin: var(--k-hata);
    --kb-mesaj-hata-ikon: var(--k-hata);
    --kb-mesaj-bilgi-zemin: var(--k-bilgi-zemin);
    --kb-mesaj-bilgi-metin: var(--k-bilgi);
    --kb-mesaj-bilgi-ikon: var(--k-bilgi);
    --kb-rozet-pahali-zemin: var(--k-hata-zemin);
    --kb-rozet-pahali-metin: var(--k-hata);
    --kb-rozet-pahali-ikon: var(--k-hata);
    --kb-rozet-yakin-zemin: var(--k-yuzey-batik);
    --kb-rozet-yakin-metin: var(--k-murekkep-ikincil);
    --kb-rozet-ucuz-zemin: var(--k-basari-zemin);
    --kb-rozet-ucuz-metin: var(--k-basari);
    --kb-rozet-ucuz-ikon: var(--k-basari-vurgu);
    --kb-rozet-kaynak-metin: var(--k-murekkep-soluk);
    --kb-rozet-kaynak-cizgi: var(--k-cizgi);

    /* ── Tipografi (TS-02 §5) ──────────────────────────────────────────── */
    --k-yazi-govde: "Archivo", "Archivo-Yedek", system-ui, -apple-system, "Segoe UI", sans-serif;
    --k-yazi-baslik: var(--k-yazi-govde);
    --k-yazi-kod: ui-monospace, "Cascadia Mono", Consolas, monospace;
    --k-boyut-xs: 0.75rem;       /* 12 */
    --k-boyut-meta: 0.78125rem;  /* 12,5 meta */
    --k-boyut-sm: 0.875rem;      /* 14 */
    --k-boyut-govde: 0.9375rem;  /* 15 gövde (v2) */
    --k-boyut-md: 1rem;          /* 16 girdi */
    --k-boyut-lg: 1.25rem;       /* 20 */
    --k-boyut-xl: 1.5625rem;     /* 25 */
    --k-boyut-2xl: 1.953rem;     /* 31 */
    --k-boyut-3xl: 2.441rem;
    --k-boyut-4xl: 3.052rem;
    --k-boyut-baslik-sayfa: 1.625rem;      /* 26 telefon; ≥1024 30 */
    --k-boyut-baslik-sayfa-genis: 1.875rem;
    --k-boyut-baslik-kahraman: 1.375rem;   /* 22 telefon; ≥1280 26 */
    --k-boyut-baslik-kahraman-genis: 1.625rem;
    --k-boyut-baslik-kart: 1rem;           /* 16 */
    --k-boyut-baslik-bolum: 1.125rem;      /* 18 */
    --k-satir-siki: 1.15;
    --k-satir-baslik: 1.2;
    --k-satir-kart-baslik: 1.3;
    --k-satir-tablo: 1.35;
    --k-satir-govde: 1.5;
    --k-satir-uzun-metin: 1.6;
    --k-agirlik-normal: 400;
    --k-agirlik-orta: 500;
    --k-agirlik-yari-kalin: 600;
    --k-agirlik-baslik: 650;
    --k-agirlik-kalin: 700;
    --k-harf-aralik-etiket: 0.08em;
    --k-harf-aralik-baslik: -0.02em;

    /* ── Ölçü (TS-02 §6) ───────────────────────────────────────────────── */
    --k-bosluk-1: 4px;
    --k-bosluk-2: 8px;
    --k-bosluk-3: 12px;
    --k-bosluk-4: 16px;
    --k-bosluk-5: 20px;
    --k-bosluk-6: 24px;
    --k-bosluk-8: 32px;
    --k-bosluk-10: 40px;
    --k-bosluk-12: 48px;
    --k-bosluk-16: 64px;
    --k-bosluk-kart: 18px;
    --k-kose-sm: 8px;
    --k-kose-md: 12px;
    --k-kose-lg: 18px;
    --k-kose-xl: 24px;
    --k-kose-tam: 999px;
    --k-kose-buyuk-dugme: 14px;
    --k-cizgi-kalinlik: 1px;
    --k-odak-kalinlik: 2px;
    --k-boyut-dokunma: 44px;
    --k-boyut-dugme-buyuk: 52px;
    --k-boyut-satir: 56px;
    --k-boyut-satir-sik: 36px;
    --k-boyut-satir-govde: 44px;
    --k-boyut-ikon-sm: 16px;
    --k-boyut-ikon-md: 20px;
    --k-boyut-ikon-lg: 24px;
    --k-ust-bar: 60px;
    --k-menu-genislik: 264px;
    --k-icerik-azami: 1200px;
    /* K4 (KR-02 a): sayfa çerçevesi sola yaslı; varsayılan 1200, tablo/liste/çok sütun 1440, tek alanlı arama 720. */
    --k-icerik-azami-genis: 1440px;
    --k-icerik-azami-dar: 720px;
    /* K4 (OR-02): sayfa kenarı = menünün (telefonda ekranın) kenarından h1'e uzaklık. 16 / 24 (≥768) / 32 (≥1024).
       --k-kabuk-oluk: kabuğun .app-container'a bugün verdiği oluk (31.10 ölçüm: her genişlikte 16 px). Kabuk (IP-02)
       oluğu değiştirirse bu değişkeni kabuk.css'te body.tasarim-yeni üzerinde günceller; .k-sayfa çerçevesi aradaki
       farkı kendi dolgusuyla tamamlar, h1 her sayfada aynı x'te kalır. */
    --k-kenar: 16px;
    --k-kabuk-oluk: 16px;
    /* Kırılımlar (@media içinde var() çalışmaz; belge/JS için) */
    --k-kirilim-kahraman: 560px;
    --k-kirilim-md: 768px;
    --k-kirilim-lg: 1024px;
    --k-kirilim-xl: 1280px;

    /* ── Hareket (TS-02 §7) ────────────────────────────────────────────── */
    --k-sure-anlik: 90ms;
    --k-sure-kisa: 160ms;
    --k-sure-orta: 260ms;
    --k-sure-uzun: 480ms;
    --k-kademe: 60ms;
    --k-sure-sayac: 700ms;
    --k-sure-azaltilmis: 120ms;
    --k-sure-parilti: 1.2s;
    --k-egri-cikis: cubic-bezier(0.2, 0.8, 0.2, 1);
    --k-egri-giris: cubic-bezier(0.4, 0, 1, 1);
    /* Yay: linear() destekleyen tarayıcıda aşağıda gerçek yay; yedek düz çıkış eğrisi. */
    --k-egri-yay: cubic-bezier(0.2, 0.8, 0.2, 1);

    /* ── v1 takma adları (27.10 adları; yeni kodda v2 adını kullan) ─────── */
    --k-yuzey-yukseltilmis: var(--k-yuzey);
    --k-secili: var(--k-murekkep);
    --k-marka-isaret: var(--k-vurgu);
    --k-vurgu-uzerinde: var(--k-murekkep);
    --k-veri-ust-metin: var(--k-veri-ust);
    --k-veri-vurgu: var(--k-vurgu);
    --k-veri-vurgu-kontur: var(--k-murekkep);
    --k-veri-emsal: var(--k-cizgi-guclu);
    --k-veri-aralik: var(--k-yuzey-batik);
    --k-veri-cizgi: var(--k-murekkep);
    --k-veri-izgara: var(--k-cizgi);
    --k-veri-eksen: var(--k-cizgi-guclu);
    --k-veri-etiket: var(--k-murekkep-ikincil);
    --k-veri-kategori-1: var(--kr-veri-kategori-1);
    --k-veri-kategori-2: var(--kr-veri-kategori-2);
    --k-veri-kategori-3: var(--kr-veri-kategori-3);
    --k-veri-kategori-4: var(--kr-veri-kategori-4);
    --k-veri-kategori-5: var(--kr-veri-kategori-5);
    --k-veri-kategori-6: var(--kr-veri-kategori-6);
    --k-kose-xs: 4px;                                   /* TR rozeti (v2: 4-6) */
    --k-kose-cekmece: var(--k-kose-xl);
    --k-cizgi-kalinlik-ince: var(--k-cizgi-kalinlik);
    --k-cizgi-kalinlik-kalin: 2px;
    --k-cizgi-kalinlik-odak: var(--k-odak-kalinlik);
    --k-boyut-yan-menu: var(--k-menu-genislik);
    --k-boyut-icerik-azami: var(--k-icerik-azami);
    --k-kirilim-sm: 375px;
    --k-sure-adim: var(--k-kademe);
    --k-egri-yerlesme: var(--k-egri-yay);
    --k-golge-yukseltilmis: var(--k-golge-2);
    --kb-buton-birincil-zemin: var(--kb-dugme-birincil-alt);
    --kb-buton-birincil-zemin-ustunde: var(--kb-dugme-birincil-ust);
    --kb-buton-birincil-metin: var(--kb-dugme-birincil-metin);
    --kb-buton-birincil-odak: var(--k-odak);
    --kb-buton-birincil-odak-ic: var(--k-odak-ic);
    --kb-buton-ikincil-zemin: var(--kb-dugme-ikincil-ust);
    --kb-buton-ikincil-cizgi: var(--k-cizgi);
    --kb-buton-ikincil-metin: var(--kb-dugme-ikincil-metin);
    --kb-buton-ikincil-zemin-ustunde: var(--kb-dugme-ikincil-alt);
    --kb-girdi-cizgi: var(--k-cizgi-guclu);
    --kb-girdi-cizgi-odak: var(--k-odak);
    --kb-rozet-yakin-ok-ust: var(--k-veri-ust);
    --kb-rozet-yakin-ok-alt: var(--k-veri-alt);
    --kb-grafik-zemin: var(--k-yuzey);
    --kb-grafik-izgara: var(--k-cizgi);
    --kb-grafik-eksen: var(--k-cizgi-guclu);
    --kb-grafik-etiket: var(--k-murekkep-ikincil);
    --kb-grafik-emsal: var(--k-cizgi-guclu);
    --kb-grafik-aralik: var(--k-yuzey-batik);
    --kb-grafik-cizgi: var(--k-murekkep);
    --kb-grafik-vurgu: var(--k-vurgu);
    --kb-grafik-vurgu-kontur: var(--k-murekkep);
    --kb-grafik-kaynak-notu: var(--k-murekkep-ikincil);
    --kb-ust-bant-zemin: var(--k-yuzey-ters);   /* kabuk değişmez; ad yalnız uyum için */
    --kb-ust-bant-metin: var(--kr-acik-ust-bar-metin);
    --kb-ust-bant-marka-isaret: var(--k-vurgu);
}

/* Sayfa kenarı kırılımları (OR-02). */
@media (min-width: 768px) { :root { --k-kenar: 24px; } }
@media (min-width: 1024px) { :root { --k-kenar: 32px; } }

/* Gerçek yay eğrisi (Safari 17.2+, Chrome 113+); desteklemeyen düz çıkışta kalır. */
@supports (transition-timing-function: linear(0, 1)) {
    :root {
        --k-egri-yay: linear(0, 0.008 1.1%, 0.031 2.2%, 0.129 4.8%, 0.257 7.2%, 0.671 14.2%, 0.789 16.9%, 0.881 19.6%, 0.957 22.5%, 1.011 25.8%, 1.037 29.3%, 1.045 33.6%, 1.025 43.8%, 1.006 53.6%, 0.998 64.7%, 1);
    }
}