/* MTS site — tasarım tokenları (P1, 2026-11-12)
   Tek kaynak: renk, yazı, boşluk, köşe, çizgi, gölge, katman, hareket, kap.
   Yazı dosyaları ../yazi/ altında (canlıda /site/yazi/, yerelde varlik/yazi/).
   Kırılma noktaları (media sorgusunda değişken kullanılamaz, değerler sabit):
     telefon 360-412 · büyük telefon ≤599 · tablet 768 · menü kırılımı ≤899 · küçük dizüstü 1024 · dizüstü 1366 · geniş 1920 */

/* ---------- yazı aileleri: 5 kesim, latin + latin-ext ---------- */
@font-face{font-family:'Archivo';font-weight:800;font-style:normal;font-display:swap;src:url(../yazi/archivo-extrabold-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2212}
@font-face{font-family:'Archivo';font-weight:800;font-style:normal;font-display:swap;src:url(../yazi/archivo-extrabold-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+1E00-1E9F,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-sans-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-sans-latin-ext-400.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+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-sans-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-sans-latin-ext-600.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+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-mono-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+20BA,U+2212}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-mono-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:'IBM Plex Serif';font-weight:600;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-serif-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'IBM Plex Serif';font-weight:600;font-style:normal;font-display:swap;src:url(../yazi/ibm-plex-serif-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F}

:root{
  /* ---------- renk: zemin ve yüzey ---------- */
  --kum:#F2E8DA;          /* sayfa zemini */
  --kagit:#FBF6EE;        /* kart yüzeyi */
  --kum-2:#EADFCC;        /* ikinci zemin, seçili */
  --kum-3:#E6D9C4;        /* bant, raf */
  --beyaz:#FFFFFF;        /* yalnız "dış dünya" yüzeyi: haber sitesi, gönderi */
  /* metin */
  --murekkep:#1C1412;     /* ana metin 14,96:1 kum */
  --metin-2:#4A3A35;      /* ikincil 8,90:1 */
  --metin-3:#6B5C56;      /* üçüncül, ≥13px 5,27:1 */
  /* çizgi */
  --cizgi:#DCCFBB;
  --cizgi-2:#E6D9C4;
  --cizgi-koyu:#B9A68C;   /* ikincil düğme kenarı */
  /* marka */
  --bordo:#5E1B2B;
  --bordo-koyu:#3F101C;
  --bordo-orta:#85303F;
  --bordo-acik:#F0DEDB;
  --altin:#E0B36A;        /* yalnız sinyal: vurgu çizgisi, seçili, bildirim */
  --altin-2:#F0C98A;      /* koyu zeminde altın metin */
  --altin-acik:#F6E7C8;
  --altin-metin:#6B4604;  /* altın-açık üstünde metin */
  /* koyu zemin (TV bölümü, alt bilgi) */
  --gece:#1C1412;
  --gece-2:#261B19;
  --gece-3:#2A1E1B;
  --gece-cizgi:#3B2E2A;
  --gece-metin:#E6D3C2;
  --gece-metin-2:#CDB3A8;
  --kahve:#3B2A22;        /* çizim gövdesi: TV, radyo kasası */
  /* durum */
  --yesil:#24563A;  --yesil-acik:#DDEBDF;  --yesil-imi:#2C6646;
  --uyari:#6B4604;  --uyari-acik:#F4E6C4;
  --hata:#8E2626;   --hata-acik:#F5DEDA;
  --vurgu-kalem:#85303F;  /* küpürdeki el çizimi halka (kırmızı yasak, bordo kalem) */
  --yildiz:#A8740F;       /* yıldız dolgusu, yalnız simge (metin değil) */
  --yildiz-bos:#D6C8B2;
  --odak:#5E1B2B;

  /* ---------- yazı ---------- */
  --a-baslik:'Archivo','Arial Black',system-ui,sans-serif;
  --a-govde:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --a-kunye:'IBM Plex Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
  --a-kupur:'IBM Plex Serif',Georgia,'Times New Roman',serif;
  /* ölçek: 1,25 oranına yakın, 360 → 1920 akışkan; en küçük 13 px */
  --y-0:0.8125rem;                                        /* 13 künye, etiket */
  --y-1:clamp(0.875rem, 0.8606rem + 0.0641vw, 0.9375rem); /* 14-15 yardımcı */
  --y-2:clamp(1rem, 0.9712rem + 0.1282vw, 1.125rem);      /* 16-18 gövde */
  --y-3:clamp(1.125rem, 1.0817rem + 0.1923vw, 1.3125rem); /* 18-21 giriş metni */
  --y-4:clamp(1.25rem, 1.1635rem + 0.3846vw, 1.625rem);   /* 20-26 h3 */
  --y-5:clamp(1.5rem, 1.3558rem + 0.641vw, 2.125rem);     /* 24-34 kart başlığı büyük */
  --y-6:clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem);       /* 28-48 h2 */
  --y-7:clamp(2.125rem, 1.6923rem + 1.9231vw, 4rem);      /* 34-64 h1 */
  --y-8:clamp(2.5rem, 1.8654rem + 2.8205vw, 5.25rem);     /* 40-84 vitrin başlığı */
  --sy-siki:1.04;   /* Archivo başlık */
  --sy-baslik:1.2;  /* h3, kart */
  --sy-govde:1.55;
  --sy-kupur:1.45;
  --ha-baslik:-0.022em;  /* Archivo 800 büyük boyda sıkı */
  --ha-h3:-0.01em;
  --ha-etiket:0.08em;    /* büyük harf etiket, Plex Mono */
  --ha-tabela:0.01em;

  /* ---------- boşluk: 4'ün katları ---------- */
  --b-1:4px; --b-2:8px; --b-3:12px; --b-4:16px; --b-5:24px; --b-6:32px; --b-7:48px; --b-8:64px; --b-9:96px;
  --bolum-b:clamp(3.5rem, 2.6923rem + 3.5897vw, 7rem);   /* bölüm üst/alt: 56 → 112 */
  --kenar:clamp(1rem, 0.6538rem + 1.5385vw, 2.5rem);     /* yan boşluk: 16 → 40 */

  /* ---------- kap ---------- */
  --kap:1240px;       /* içerik ≤1200 (kenar düşülünce) */
  --kap-dar:760px;    /* metin sayfası, SSS, form */
  --kap-metin:38rem;  /* paragraf satır boyu */

  /* ---------- köşe: üç kademe + rozet ---------- */
  --k-1:4px;   /* etiket, küpür, ekran içi tabela */
  --k-2:8px;   /* düğme, alan, küçük kart */
  --k-3:16px;  /* kart, sahne, panel */
  --k-tam:999px; /* yalnız rozet ve avatar */

  /* ---------- çizgi ---------- */
  --c-ince:1px solid var(--cizgi);
  --c-orta:1.5px solid var(--cizgi-koyu);
  --c-murekkep:2px solid var(--murekkep);  /* çizim ailesi: tek kalınlık */
  --c-vurgu:3px solid var(--altin);

  /* ---------- gölge: iki kademe, sıcak ton ---------- */
  --g-kart:0 1px 0 rgba(28,20,18,.05), 0 10px 24px -14px rgba(28,20,18,.28);
  --g-yuksek:0 2px 0 rgba(28,20,18,.04), 0 28px 48px -22px rgba(28,20,18,.42);
  --g-kagit:drop-shadow(0 8px 12px rgba(28,20,18,.22)); /* filter değeri: kesik kâğıt */

  /* ---------- katman ---------- */
  --z-taban:0; --z-ust:1; --z-cizim:2; --z-baslik:20; --z-menu:40; --z-atla:60;

  /* ---------- hareket ---------- */
  --h-kisa:160ms;  /* renk, kenar */
  --h-orta:320ms;  /* panel geçişi */
  --h-uzun:560ms;  /* belirme (≤600) */
  --h-adim:70ms;   /* sıralı belirmede öğe arası */
  --e-cikis:cubic-bezier(.2,.7,.2,1);   /* belirme: hızlı başlar, yumuşak oturur */
  --e-gecis:cubic-bezier(.4,0,.2,1);    /* durum değişimi */
  --e-dogrusal:linear;                  /* ilerleme çubuğu, kayan şerit */
  --kay-sure:48s;                       /* tür şeridi tam tur */

  color-scheme:light;
}