/* =====================================================================
   Psikolog Beyza Takan — TASARIM BELİRTEÇLERİ (tek kaynak)
   ---------------------------------------------------------------------
   Bütün renkler, yazı tipleri, ölçüler BURADA. Sayfa ve bileşen CSS'inde
   sabit hex / font adı YOKTUR; her şey var(--…) ile buradan gelir.
   Rengi ya da yazı tipini değiştirmek için yalnız bu dosyayı düzenle.
   Değerler canlı siteden ölçüldü (09.10.2026, 1440 ve 390 px).
   Temel: 01-marka/tokenlar.css (aynı adlar korunmuştur).
   ===================================================================== */
:root {
  /* — Renk: marka — */
  --c-primary:        #2F4A1E;            /* orman yeşili (1a): metin, buton, koyu zeminler */
  --c-brand:          #336600;            /* saf logo yeşili: yalnız logo ve küçük vurgular */
  --c-sand:           #E8DCC2;            /* kum: koyu zemin üstü buton, sıcak vurgu */
  --c-primary-rgb:    47, 74, 30;
  --c-primary-dark:   #1B2A12;            /* ana sayfa hero örtüsü */
  --c-secondary:      #4A5243;            /* ikincil gri: ince çizgi, alt menü metni, ikon çizgisi */
  --c-secondary-rgb:  74, 82, 67;
  --c-accent:         #CDB083;            /* altın: yalnız ana sayfa hero */
  --c-peach:          #E9EFDF;            /* açık yeşil ton: ikon zemini, rozet, yumuşak vurgu */
  --c-sage:           #94A393;            /* ada yeşili (bir bölüm zemini %9) */
  --c-lilac:          #336600;            /* yüzen iletişim düğmeleri */

  /* — Renk: nötr — */
  --c-bg:             #FAF8F2;            /* krem sayfa zemini (body) */
  --c-surface:        #FFFFFF;            /* beyaz yüzey: başlık bandı, mobil üst bilgi */
  --c-white-rgb:      255, 255, 255;
  --c-black-rgb:      0, 0, 0;
  --c-text:           var(--c-primary);   /* canlıda gövde metni mor */
  --c-text-soft:      rgba(var(--c-secondary-rgb), .70);
  --c-heading:        var(--c-primary);
  --c-muted:          #999999;            /* breadcrumb gri */
  --c-ink:            #0A1119;            /* mobil menü bağlantı metni */
  --c-ink-soft:       #777777;            /* mobil menü kapat ikonu */
  --c-on-dark:        #FFFFFF;
  --c-on-dark-60:     rgba(var(--c-white-rgb), .60);
  --c-on-dark-65:     rgba(var(--c-white-rgb), .65);
  --c-on-dark-68:     rgba(var(--c-white-rgb), .68);
  --c-on-dark-70:     rgba(var(--c-white-rgb), .70);
  --c-border:         rgba(var(--c-primary-rgb), .10);   /* breadcrumb kutusu, ince kenar */
  --c-border-on-dark: rgba(var(--c-white-rgb), .24);     /* iç sayfa menü kutusu */
  --c-line-on-dark:   rgba(var(--c-white-rgb), .08);     /* alt bilgi ayırıcı */
  --c-line-light:     rgba(var(--c-black-rgb), .06);     /* mobil menü ayırıcı */
  --c-tint-light:     rgba(var(--c-black-rgb), .03);     /* mobil menü düğme zemini */
  --c-backdrop:       rgba(var(--c-black-rgb), .60);     /* mobil menü arka örtü */
  --c-header-dim:     rgba(2, 1, 1, .40);                /* ana sayfa saydam üst bilgi */
  --c-header-dim-shadow: rgba(var(--c-black-rgb), .44);
  --c-glow-blue:      rgba(156, 215, 255, .80);          /* alt bilgi sol ışıma */
  --c-glow-peach:     #F1EEDF;                           /* alt bilgi sağ ışıma */

  /* — Yazı tipleri (her aile TEK belirteç; değiştirmek için yalnız burayı düzenle) — */
  /* Juana DEMO yalnız 95 ASCII glif içerir: ç ğ ı İ ö ş ü YOK. Canlıda bu harfler yedek fonttan
     çizilir; birebir görünüm için yedek zinciri canlıdakiyle aynı tutuldu:
     tema öğeleri (breadcrumb, alt bilgi başlığı, mobil menü, bölüm başlığı) → serif,
     Elementor öğeleri (butonlar, ana sayfa menüsü) → sans-serif.
     Lisanslı, Türkçe destekli bir fontla değiştirirken İKİ belirteci de güncelle. */
  --f-display:      "Newsreader", Georgia, serif;   /* 1b: başlık serifi (Türkçe destekli) */
  --f-display-sans: "Newsreader", Georgia, serif;
  --f-heading: "Newsreader", Georgia, serif;            /* H1–H3, gövde varsayılanı, liste */
  --f-body:    "Manrope", system-ui, sans-serif;            /* paragraf, alt bilgi bağlantıları */
  --f-eyebrow: "Manrope", system-ui, sans-serif;          /* üst etiket */
  --f-nav-box: "Newsreader", Georgia, serif;        /* iç sayfa menü kutuları */
  --f-contact: "Manrope", system-ui, sans-serif;           /* alt bilgi iletişim satırları */

  /* — Tipografi ölçeği — */
  --fs-root: 18px;                        /* body (tema) */
  --fs-body: 16px;   --lh-body: 28px;     /* p: Inter 16/28 */
  --fs-small: 14px;
  --fs-li: 18px;                          /* metin listeleri: Libre Bodoni 18 */
  --fs-h1: 52px;
  --fs-h2: 48px;
  --fs-h3: 32px;
  --lh-heading: 1.36364;                  /* tema: 52→70.9, 48→65.5, 32→43.6 */
  --fs-display: 72px; --lh-display: 84px; --fw-display: 200;   /* başlık bandı H */
  --fs-display-m: 55px;                                         /* ≤575 */
  --fs-section: 52px; --lh-section: 66px; --ls-section: -1.2px; /* bölüm başlığı (Newsreader 300) */
  --fs-eyebrow: 18px; --fw-eyebrow: 300; --lh-eyebrow: 24px; --ls-eyebrow: -0.9px;
  --fs-nav: 19px;    --fw-nav: 400;       /* ana sayfa menü */
  --fs-nav-box: 16px;                     /* iç sayfa menü kutusu */
  --fs-subnav: 15px; --fw-subnav: 400;    /* açılır alt menü */
  --fs-btn: 18px;    --fw-btn: 400;
  --fs-footer-title: 24px; --lh-footer-title: 27.5px;
  --fs-breadcrumb: 16px;

  /* — Yerleşim — */
  --container: 1290px;                    /* alt bilgi, ana sayfa bölümleri */
  --container-wide: 1620px;               /* iç sayfa üst bilgi + metin gövdesi */
  --gutter: 15px;
  --section-y: 120px;                     /* #main üst/alt boşluk (>1200) */
  --section-y-lg: 90px;                   /* ≤1200 */
  --section-y-md: 70px;                   /* ≤1024 */
  --section-y-sm: 50px;                   /* ≤767 */

  /* — Köşe yarıçapları — */
  --radius-sm: 12px;                      /* en sık: kart, menü kutusu, breadcrumb */
  --radius-md: 15px;
  --radius-btn: 20px;                     /* iç sayfa üst bilgi butonu */
  --radius-lg: 30px;
  --radius-btn-lg: 33px;
  --radius-pill: 60px;                    /* çoğu buton */

  /* — Buton — */
  --btn-bg: var(--c-primary);
  --btn-fg: var(--c-on-dark);
  --btn-h: 60px;
  --btn-h-lg: 70px;
  --btn-pad-x: 32px;

  /* — Üst bilgi — */
  --header-h: 113px;                      /* ana sayfa saydam */
  --header-h-inner: 103px;                /* iç sayfa */
  --header-h-m: 80px;                     /* ≤1200 mobil */
  --pagetitle-h: 554px;                   /* iç sayfa başlık bandı */

  /* — Yüzen düğmeler — */
  --fab-size: 48px;
  --fab-gap: 12px;
  --fab-offset: 20px;

  /* — Gölge / hareket — */
  --shadow-sub: rgba(var(--c-black-rgb), .09) 0 15px 30px -10px;
  --shadow-drawer: rgba(var(--c-black-rgb), .08) 0 0 15px 0;
  --shadow-sticky: rgba(var(--c-black-rgb), .06) 0 6px 20px 0;
  --ease: cubic-bezier(.645, .045, .355, 1);
  --dur: .25s;
}

/* — Yerel yazı tipi: Juana (Fontspring DEMO, ticari lisansı YOK).
     Değiştirmek için: lisanslı fontu assets/fonts/ altına koy, aşağıdaki src'leri
     ve yukarıdaki --f-display belirtecini güncelle. Başka yer değişmez. — */
/* Juana @font-face kuralları kaldırıldı (09.10.2026): tüm aileler Newsreader + Manrope. */

/* ===== BİRLEŞTİRİLMİŞ SAYFA BELİRTEÇLERİ (sayfa kurulumunda eklendi; bunlar da tek kaynaktan değişir) ===== */
:root {
  /* — ana sayfa — */
  --f-hero: "Newsreader", Georgia, serif;
  --f-hero-label: "Manrope", system-ui, sans-serif;
  --c-black: #000000;
  --c-black-60: rgba(var(--c-black-rgb), .60);
  --c-black-50: rgba(var(--c-black-rgb), .50);
  --c-hero-overlay: rgba(14, 24, 9, .78);
  --c-accent-25: rgba(205, 176, 131, .25);
  --c-on-dark-20: rgba(var(--c-white-rgb), .20);
  --c-on-dark-90: rgba(var(--c-white-rgb), .90);
  --c-primary-05: rgba(var(--c-primary-rgb), .05);
  --c-secondary-30: rgba(var(--c-secondary-rgb), .30);
  --c-secondary-42: rgba(var(--c-secondary-rgb), .42);
  --c-sage-09: rgba(148, 163, 147, .09);
  --c-line-ink: rgba(27, 42, 18, .16);
  --c-glass: rgba(229, 231, 228, .24);
  --c-glass-border: rgba(var(--c-black-rgb), .07);
  --c-glow-peach-60: rgba(233, 239, 223, .60);
  --c-glow-blue-20: rgba(156, 215, 255, .20);
  --c-ig: #405DE6;
  --c-feed-text: #838D8F;
  --c-feed-ink: #3B3D40;
  --c-feed-meta: #6B7562;
  --c-feed-line: rgba(229, 226, 220, .40);
  /* — hakkımızda + hizmetler — */
  --f-text-alt: "Manrope", system-ui, sans-serif;
  --c-ink-60: rgba(var(--c-black-rgb), .60);
  --c-text-gray: #7A7A7A;
  --c-line-soft: rgba(var(--c-secondary-rgb), .15);
  --c-divider-soft: rgba(var(--c-secondary-rgb), .16);
  --c-overlay-dark: rgba(var(--c-black-rgb), .67);
  --c-on-dark-80: rgba(var(--c-white-rgb), .80);
  --c-glow-blue-soft: rgba(156, 215, 255, .20);
  --c-peach-60: rgba(233, 239, 223, .60);
  --c-card-shade: rgba(var(--c-black-rgb), .40);
  --g-card-shade: linear-gradient(355deg, rgba(var(--c-black-rgb), .80) 26.81%, rgba(var(--c-black-rgb), .64) 56.32%, rgba(var(--c-white-rgb), .10) 169.53%);
  --radius-card: 42px;
  /* — iletişim + blog + yasal + 404 — */
  --f-ui: "Manrope", system-ui, sans-serif;
  --c-peach-rgb: 233, 239, 223;
  --c-secondary-12: rgba(var(--c-secondary-rgb), .12);
  --c-secondary-16: rgba(var(--c-secondary-rgb), .16);
  --c-secondary-32: rgba(var(--c-secondary-rgb), .32);
  --c-secondary-50: rgba(var(--c-secondary-rgb), .50);
  --c-secondary-70: rgba(var(--c-secondary-rgb), .70);
  --c-slate: #5B696D;
  --c-ink-2: #222222;
  --c-el-heading: #54595F;
  --c-field-line: #E2E2E2;
  --c-icon-gray: #5B5B5B;
  --c-tab-active: #61CE70;
  --c-tab-hover: #1B2A12;
  --radius-widget: 24px;
  --radius-field: 18px;
  --radius-input: 16px;
  --radius-tab: 22px;
  --radius-pill-md: 25px;
  --radius-img: 32px;
  --radius-respond: 42px;
}