/* ==========================================================================
   MARKA — TEK YER. ÜRETİLDİ: scripts/build-brand.py (kaynak: site/brand/brand.json + src/). Elle düzenleme.
   Değiştirmek için site/brand/brand.json'u düzenle, sonra: python3 scripts/build-brand.py
   Diğer CSS dosyaları ham renk/yazı tipi değil, bu değişkenleri kullanır.
   Ayrıntı: ../../BRANDING-TODO.md
   ========================================================================== */

/* Yazı tipleri (self-host, SIL OFL). latin-ext ilk: ş ğ İ ı için, sonra latin. Tarayıcı yalnız kullanılan aileyi indirir. */
@font-face{font-family:'Fraunces';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/fraunces-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Fraunces';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/fraunces-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/fraunces-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Fraunces';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/fraunces-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-weight:400;font-style:italic;font-display:swap;src:url('fonts/fraunces-latin-ext-400-italic.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Fraunces';font-weight:400;font-style:italic;font-display:swap;src:url('fonts/fraunces-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/figtree-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Figtree';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/figtree-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/figtree-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Figtree';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/figtree-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Figtree';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/figtree-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Figtree';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/figtree-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Plus Jakarta Sans';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Plus Jakarta Sans';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Plus Jakarta Sans';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Plus Jakarta Sans';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2')}

:root{
  --brand-ground: #0E3B43;
  --brand-ground-raised: #15525C;
  --brand-paper: #EDF3F0;
  --brand-white: #FFFFFF;
  --brand-ink: #10201F;
  --brand-accent: #DC6443;
  --brand-accent-ink: #1A100C;
  --brand-accent-text: #F28B6B;
  --brand-signal: #A596F2;
  --brand-signal-on-light: #6B4FD8;
  --brand-danger: #A8321F;
  --brand-success: #2F6B4A;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --display-weight: 400;
  --display-weight-strong: 500;
  --display-style: italic;
  --wordmark-weight: 500;
  --hero-measure: 12.4;
}

/* Alternatif tema b (Bubble): ?theme=b (theme.js data-theme="b" yazar) */
:root[data-theme="b"]{
  --brand-ground: #12141C;
  --brand-ground-raised: #1D2132;
  --brand-paper: #F4F3FA;
  --brand-white: #FFFFFF;
  --brand-ink: #15131F;
  --brand-accent: #635BFF;
  --brand-accent-ink: #FFFFFF;
  --brand-accent-text: #A5A0FF;
  --brand-signal: #8B84FF;
  --brand-signal-on-light: #5A52F0;
  --brand-danger: #B3261E;
  --brand-success: #1F7A55;
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --display-weight: 600;
  --display-weight-strong: 700;
  --display-style: normal;
  --wordmark-weight: 700;
  --hero-measure: 13.6;
}

/* Wordmark efekti ("iletildi/işlendi"): ad NORMAL renkte durur; birkaç saniyede bir soldan sağa yumuşak bir mor dalga (--brand-signal) adın son
   harflerinden (4) geçip kaybolur, metin eski rengine döner. Yavaş (8 sn döngü, 2.4 sn hareket); hareket azaltmada ve yüksek karşıtlıkta (forced-colors) hiç hareket yok.
   Kapatmak için: brand.json wordmark.effect = "none" (derleme) ya da CSS'te :root{--brand-wave:none} (çalışma anı). Açık zeminde .brand--on-light (AA için koyu mor). */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .brand__gram{--wave:var(--brand-signal);background-image:linear-gradient(100deg,transparent 32%,var(--wave) 50%,transparent 68%),linear-gradient(currentColor,currentColor);background-size:320% 100%,100% 100%;background-position:0 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:inherit;animation:var(--brand-wave,brand-wave) 8s cubic-bezier(.45,0,.55,1) .8s infinite}
  .brand--on-light .brand__gram{--wave:var(--brand-signal-on-light)}
}
@keyframes brand-wave{0%{background-position:100% 0,0 0}30%,100%{background-position:0 0,0 0}}
@media (prefers-reduced-motion:reduce){.brand__gram{animation:none!important}}
@media (forced-colors:active){.brand__gram{animation:none!important;background:none;-webkit-text-fill-color:currentColor}}