/* MackaTech tasarım değişkenleri. Kurallar rehberden (ajans-sitesi-tasarim-dili-rehberi.md); değerler markaya göre.
   Yön çalışması: dört tema html[data-yon] ile seçilir (sivi, sutun, temas, dokum). Seçimden sonra tek tema kalır.
   Kontrastlar src/styles/kontrast.md'de ölçülür (WCAG 2.2, göreli parlaklık). */

/* ---------------------------------------------------------------- yazı aileleri */
/* Satoshi (ADR-004, kullanıcı kararı): markanın tek yazısı. 500 başlık ve gövde, 700 mikro etiket ve düğme.
   ITF Free Font License (Fontshare); dosyalar Hastambu'daki kopyadan. Türkçe kapsam doğrulandı (431 glif). */
@font-face {
  font-family: "Satoshi";
  src: url("/fonts/Satoshi-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("/fonts/Satoshi-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ---------------------------------------------------------------- ortak ölçüler */
:root {
  --max: 88rem;
  --gutter: clamp(1rem, -0.5rem + 5vw, 5rem);
  --bolum: clamp(5rem, 3rem + 7vw, 10rem);
  --r-s: 12px;
  --r-m: 20px;
  --r-l: 32px;

  --fs-hero: clamp(2.7rem, min(6.2vw, 11svh), 7.4rem);
  --fs-iletisim: clamp(3rem, 1.6rem + 6vw, 7.5rem);
  --fs-bas: clamp(2.4rem, 1.2rem + 4.4vw, 6rem);
  --fs-bas-2: clamp(2rem, 1.2rem + 2.8vw, 4rem);
  --fs-manifesto: clamp(2rem, 1rem + 3.6vw, 4.8rem);
  --fs-kart: clamp(1.8rem, 1.2rem + 1.8vw, 3rem);
  --fs-giris: clamp(1.05rem, 0.98rem + 0.35vw, 1.3rem);
  --fs-govde: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --fs-mikro: 0.75rem;
  --fs-bant: clamp(2.6rem, 7vw, 7rem);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-sc: cubic-bezier(0.16, 1, 0.3, 1);
  --akis: cubic-bezier(0.45, 0, 0.25, 1);

  /* ------------------------------------------------ palet (ADR-003): yalnız siyah, porselen beyazı, gümüş */
  /* Siyah (saf siyah değil) */
  --gece: #0b0b0c;
  --gece-2: #131314;
  --gece-3: #1d1d1f;
  /* Porselen beyazı: sayfanın ağırlığı (saf beyaz değil) */
  --inci: #f5f5f2;
  --inci-2: #ecece8;
  --inci-3: #e1e1dc;
  --beyaz: #ffffff;
  /* Açık zeminde metin */
  --murekkep: #0e0e0f;
  --metin: #262628;
  --soluk: #5c5d61;
  /* Koyu zeminde metin */
  --acik: #f2f2ef;
  --acik-soluk: #a9aaae;
  --acik-giris: #cfd0d2;
  /* Manifesto: yanmamış kelime (renkle, saydamlıkla değil) */
  --sonuk-gece: #808186;
  --sonuk-inci: #707175;
  /* Gümüş */
  --gumus-1: #e4e5e7;
  --gumus-2: #c5c7cb;
  --gumus-3: #9a9da3;
  --gumus-4: #6d7076;
  --krom-gece: linear-gradient(176deg, #ffffff 8%, #d9dadd 38%, #8f9298 62%, #ecedef 88%);
  --krom-inci: linear-gradient(176deg, #0e0e0f 8%, #4a4c51 40%, #868990 58%, #2a2b2e 80%, #5d5f64 96%);
  /* Dolgu (düğme): koyuda porselen, açıkta mürekkep */
  --dolgu: #f2f2ef;
  --dolgu-ust: #ffffff;
  --dolgu-metin: #0e0e0f;
  --dolgu-inci: #0e0e0f;
  --dolgu-inci-ust: #2a2b2e;
  --dolgu-inci-metin: #ffffff;
  /* Vurgu metni (ADR-005 F3): beyazda koyu gümüş-grafit düz renk (6,2:1); metalik degrade yalnız siyah bölümlerde */
  --vurgu-gece: #c5c7cb;
  --vurgu-inci: #5b5b61;
  /* Işık: beyaz */
  --isik-rgb: 255 255 255;
  --golge-rgb: 20 20 22;

  /* Yazı: Satoshi (tek aile; başlık ve gövde 500, mikro ve düğme 700) */
  --font: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bas-genislik: 100%;
  --bas-agirlik: 500;
  --govde-agirlik: 500;
  --bas-iz: -0.055em;
}

/* Yönler yalnız hero konusuyla ayrışır; renk ve yazı tektir (ADR-003, ADR-004) */