/* ============================================================
   WOLINKA — Token Köprüsü (tokens-bridge.css)

   Tasarım token'larının TEK kaynağı theme.json'dur. WordPress, theme.json
   presetlerinden --wp--preset--* ve --wp--custom--* değişkenlerini üretir.
   styles.css ise prototipteki semantik adları (--brand-red, --font-heading,
   --radius-md, --space-lg ...) kullanmaya devam eder.

   Bu dosya yalnızca o iki ad uzayını birbirine bağlar; renk/font/spacing
   DEĞERLERİ burada tanımlı DEĞİLDİR (çift kayıt yok). Yeni token theme.json'a
   eklenir, gerekiyorsa buraya tek satırlık eşleme yazılır.

   Eski brand.css'in theme.json ile ifade edilemeyen iki parçası burada kalır:
   Inter metrik-fallback @font-face ve preset olmayan token'lar (border, avatar
   gradyanı).
   ============================================================ */

/* Inter gelene kadar gösterilen fallback'i metrik olarak Inter'e eşliyoruz ki
   font yüklendiğinde metin yeniden akmasın (CLS ~0). */
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial');
  ascent-override: 90.49%;
  descent-override: 22.56%;
  line-gap-override: 0.00%;
  size-adjust: 107.06%;
}

:root {
  /* ---- Renkler: theme.json palette ---- */
  --brand-red: var(--wp--preset--color--brand-red);
  --brand-navy: var(--wp--preset--color--brand-navy);
  --brand-purple: var(--wp--preset--color--brand-purple);
  --bg-warm: var(--wp--preset--color--bg-warm);
  --bg-cream: var(--wp--preset--color--bg-cream);
  --bg-card: var(--wp--preset--color--bg-card);
  --bg-dark: var(--wp--preset--color--bg-dark);
  --text-primary: var(--wp--preset--color--text-primary);
  --text-secondary: var(--wp--preset--color--text-secondary);
  --text-muted: var(--wp--preset--color--text-muted);
  --accent-light: var(--wp--preset--color--accent-light);

  /* ---- Gradyanlar: theme.json gradients ---- */
  --gradient-red: var(--wp--preset--gradient--gradient-red);
  --gradient-navy: var(--wp--preset--gradient--gradient-navy);
  --brand-gradient: var(--wp--preset--gradient--gradient-red); /* geriye dönük alias */

  /* ---- Tipografi: theme.json fontFamilies ---- */
  --font-heading: var(--wp--preset--font-family--playfair-display);
  --font-heading-alt: var(--wp--preset--font-family--fraunces);
  --font-heading-display: var(--wp--preset--font-family--dm-serif-display);
  --font-body: var(--wp--preset--font-family--inter);

  /* ---- Köşe yarıçapı: theme.json settings.custom.radius ---- */
  --radius-sm: var(--wp--custom--radius--sm);
  --radius-md: var(--wp--custom--radius--md);
  --radius-lg: var(--wp--custom--radius--lg);
  --radius-full: var(--wp--custom--radius--full);

  /* ---- Boşluk: theme.json spacingSizes ---- */
  --space-xs: var(--wp--preset--spacing--xs);
  --space-sm: var(--wp--preset--spacing--sm);
  --space-md: var(--wp--preset--spacing--md);
  --space-lg: var(--wp--preset--spacing--lg);
  --space-xl: var(--wp--preset--spacing--xl);
  --space-2xl: var(--wp--preset--spacing--2xl);

  /* ---- Preset olmayan token'lar (theme.json'da karşılığı yok) ---- */
  --border-light: rgba(0, 0, 0, 0.08);
  --border-dark: rgba(255, 255, 255, 0.12);
  --gradient-avatar: linear-gradient(145deg, #1b4582 0%, #ce2141 55%, #1b4582 110%);
}