/* {CC} 2026-08-30 */
/* ===========================================================================
   tokens.css - TUM TASARIM DEGISKENLERI - gagehand.com
   Kaynak: _shared\brand\tokens.css
   Bu dosya disinda HICBIR YERDE sabit renk, font veya olcu yazilmaz.
   =========================================================================== */

/* --- BARLOW - kendi sunucumuzdan servis edilir, Google Fonts KULLANILMAZ --- */
/* Lisans: SIL Open Font License 1.1 - _shared\fonts\OFL.txt */
@font-face{
  font-family: "Barlow";
  src: url("fonts/Barlow-Regular.woff2") format("woff2"),
       url("fonts/Barlow-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Barlow";
  src: url("fonts/Barlow-Medium.woff2") format("woff2"),
       url("fonts/Barlow-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Barlow";
  src: url("fonts/Barlow-SemiBold.woff2") format("woff2"),
       url("fonts/Barlow-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Barlow";
  src: url("fonts/Barlow-Bold.woff2") format("woff2"),
       url("fonts/Barlow-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{

  /* --- ORTAK NOTRLER - bes sitede AYNI, degistirilmez --------------- */
  --text:        #20242B;   /* ana metin - pastel gecisi (2026-08-30), eskisi #E8ECF3 idi */
  --text-dim:    #5D6B80;
  --text-muted:  #5B6472;   /* aciklama, alt metin - pastel gecisi (2026-08-30), eskisi #8794A8 idi */
  --line:        #26303F;
  --output:      #35D6A0;
  --external:    #55637A;

  /* --- KOYU ADA (hero / video banner) - IS-EMRI-PASTEL-ARKAPLAN-2026-08-30 geregi bu bolumler eski koyu temada kaliyor --- */
  --bg-dark:            #0E1116;
  --panel-dark:         #151A22;
  --text-on-dark:       #E8ECF3;
  --text-muted-on-dark: #8794A8;

  /* --- SITE PALETI - gagehand.com (pastel acik zemin, 2026-08-30; 2026-08-30 revizyon: MetroWo ile renk swap) ----- */
  --bg:          #F6F6F6;   /* zemin TUM SITELERDE AYNI (2026-09-12, Matt karari - Beamex referansi, kirik beyaz/uctuk gri, marka rengine gore tintlenmez). Eskisi #D3DBE3, sonra yanlislikla site-ozel #F4F6F8 yapilmisti */
  --panel:       #B1C2D2;
  --accent:      #3FA9F5;
  --accent-2:    #6FC3FF;
  --accent-deep: #416181;   /* acik zeminde metin/buton icin - WCAG AA kontrasti */

  /* --- KUTU VE YUZEY ------------------------------------------------ */
  --box:         var(--panel);
  --radius:      10px;
  --radius-lg:   14px;

  /* --- TIPOGRAFI ---------------------------------------------------- */
  --font-body:   Arial, Helvetica, sans-serif;
  --font-head:   "Barlow", Arial, Helvetica, sans-serif;
  --font-mono:   "Courier New", Courier, monospace;

  --fs-hero:     clamp(2.0rem, 1.2rem + 3.2vw, 3.4rem);
  --fs-h2:       clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem);
  --fs-h3:       clamp(1.15rem, 1.0rem + 0.7vw, 1.45rem);
  --fs-body:     clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  --fs-small:    0.8125rem;
  --fs-cap:      0.625rem;

  --lh-tight:    1.20;
  --lh-body:     1.62;
  --ls-cap:      0.14em;

  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;

  --section-y:   clamp(48px, 6vw, 96px);

  --w-text:      760px;
  --w-content:   1180px;
  --w-wide:      1440px;

  --fade:        320ms;
  --ease:        cubic-bezier(.4,0,.2,1);

  --header-h:    127px;  /* logo 97px + ust/alt 15px pay - Matt talebi */
  --topbar-h:    54px;     /* +20px (ust/alt 10'ar), aktif rozet dikey scroll yaratmasin diye */
}

@media (prefers-reduced-motion: reduce){
  :root{ --fade: 1ms; }
  *{ animation: none !important; transition: none !important; }
}