/* tokens.css — MARKA RENKLERİ ve tasarım değişkenleri: tüm sitenin kimliği SADECE bu dosyadan değişir (yayındaki sitede bile derleme gerektirmez). */
:root {
  /* == 1) MARKA RENKLERİ (brand_color.png: BAU laciverti + gold) == */
  --brand-navy:    #071240;  /* Ana renk — koyu lacivert (hero, header, footer, koyu bantlar) */
  --brand-navy-2:  #0C1E66;  /* Lacivert gradyan orta tonu */
  --brand-blue:    #2D5BFF;  /* Canlı mavi — gradyanlar ve etkileşim vurgusu */
  --brand-cyan:    #22B8E6;  /* Aurora gradyanında serinletici ton */
  --brand-gold:    #FFC42E;  /* Vurgu rengi — parlak premium sarı (ikonlar, birincil buton) */
  --brand-gold-2:  #FFDD7F;  /* Açık sarı (koyu zeminde metin/ikon vurgusu) */
  --brand-gold-3:  #8A6400;  /* Koyu amber (açık zeminde okunur vurgu metni) */
  --fas-pink:      #E80CB4;  /* Future AI Summit macentası (futureaisummit.org) */
  --fas-purple:    #8A2BE8;  /* Future AI Summit moru — macenta ile birlikte marka gradyanı */
  --fas-grad:      linear-gradient(120deg, #E80CB4 0%, #B31CD6 48%, #7A2BE8 100%);  /* macenta → mor */

  /* == 2) METİN RENKLERİ (Stripe disiplini: koyu lacivert başlık + gri-mavi gövde) == */
  --ink:       #0A1633;  /* Başlıklar */
  --ink-soft:  #425466;  /* Gövde metni */
  --ink-muted: #6B7C93;  /* Soluk metin (etiket, dipnot) */

  /* == 3) ZEMİN VE ÇİZGİLER == */
  --bg:        #FFFFFF;  /* Sayfa zemini */
  --bg-soft:   #F6F9FC;  /* Değişimli bölüm zemini (yumuşak mavi-gri) */
  --bg-tint:   #EDF2FA;  /* Açık dolgu */
  --card:      #FFFFFF;  /* Kart zemini */
  --line:      #E3E8EE;  /* Kılcal kenarlıklar (Stripe grisi) */
  --line-gold: #F5E3AC;  /* Sarı tonlu kenarlık */

  /* == 4) BİLGİ KUTUSU (info-box) == */
  --info-bg:     #F0F5FF;
  --info-border: #D6E3FB;

  /* == 5) TİPOGRAFİ — Stripe'ın font yığını (Söhne'nin resmî yedek zinciri; Mac'te SF Pro ile birebir his) == */
  --font-sans:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
  --font-serif:   "Lora", Georgia, serif;   /* Seçili vurgular (rakam, alıntı) */

  /* == 6) GÖLGE, YARIÇAP, GEÇİŞ (Stripe'ın katmanlı ring+gölge dili) == */
  --ring:      0 0 0 1px rgba(50, 50, 93, .07);                                    /* Kılcal çerçeve gölgesi */
  --shadow-xs: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(50, 50, 93, .06);
  --shadow-sm: 0 2px 5px -1px rgba(50, 50, 93, .16), 0 1px 3px -1px rgba(0, 0, 0, .08);
  --shadow-md: 0 13px 27px -5px rgba(50, 50, 93, .16), 0 8px 16px -8px rgba(0, 0, 0, .12);
  --shadow-lg: 0 30px 60px -12px rgba(50, 50, 93, .22), 0 18px 36px -18px rgba(0, 0, 0, .26);
  --radius:    .55rem;
  --radius-sm: .4rem;
  --speed:     .15s;
  --ease:      cubic-bezier(.215, .61, .355, 1);

  /* == 7) YERLEŞİM == */
  --container: 67.5rem;  /* İçerik azami genişliği: 1080px — Stripe'ın sayfa genişliği (4K/5K'da kök yazı boyutuyla otomatik büyür) */
  --header-bg: #0A2540;  /* Header zemini — Stripe'ın koyu "Ink" laciverti */
  --gutter: clamp(1.1rem, 4vw, 2rem);
  --skew: -6deg;         /* Diyagonal gradyan bandının açısı */
  --header-h: 4.4rem;    /* Header yüksekliği — büyütülmüş logoya nefes payı */
}