/* Retrobesto — token köprüsü.
   Tek gerçek kaynak theme.json'dır; bu dosya WordPress'in ürettiği
   --wp--preset--* değişkenlerini prototipin --rb-* adlarına bağlar.
   Blok CSS'lerinde başıboş hex/px yoktur; hepsi buradan okunur. */
:root {
  /* Renkler — theme.json settings.color.palette */
  --rb-krem:        var(--wp--preset--color--krem, #F7E6C9);
  --rb-krem-koyu:   var(--wp--preset--color--krem-koyu, #EAD6B4);
  --rb-murdum:      var(--wp--preset--color--murdum, #2C1727);
  --rb-murdum-koyu: var(--wp--preset--color--murdum-koyu, #241620);
  --rb-turuncu:     var(--wp--preset--color--turuncu, #E67529);
  --rb-kiremit:     var(--wp--preset--color--kiremit, #A8431A);
  --rb-kum:         var(--wp--preset--color--kum, #FCE2C0);
  --rb-kum-2:       var(--wp--preset--color--kum-2, #E4C9A6);
  --rb-bej:         var(--wp--preset--color--bej, #C9A98C);
  --rb-kahve:       var(--wp--preset--color--kahve, #8C5A33);
  --rb-mor-soluk:   var(--wp--preset--color--mor-soluk, #4A3348);

  /* Tipografi — theme.json settings.typography */
  --rb-font-baslik: var(--wp--preset--font-family--baslik, "Alfa Slab One", Georgia, serif);
  --rb-font-mono:   var(--wp--preset--font-family--mono, "Courier Prime", ui-monospace, monospace);
  --rb-font-govde:  var(--wp--preset--font-family--govde, "Archivo", system-ui, -apple-system, sans-serif);

  --rb-fs-h1:         var(--wp--preset--font-size--h1, clamp(46px, 8.4vw, 104px));
  --rb-fs-h2:         var(--wp--preset--font-size--h2, clamp(34px, 5.4vw, 68px));
  --rb-fs-h2-kucuk:   var(--wp--preset--font-size--h-2-kucuk, clamp(30px, 4.2vw, 54px));
  --rb-fs-h3:         var(--wp--preset--font-size--h3, clamp(22px, 2.4vw, 30px));
  --rb-fs-sarki:      var(--wp--preset--font-size--sarki, clamp(19px, 2.3vw, 27px));
  --rb-fs-govde:      var(--wp--preset--font-size--govde, 17px);
  --rb-fs-lead:       var(--wp--preset--font-size--lead, clamp(16px, 1.3vw, 19px));
  --rb-fs-mono:       var(--wp--preset--font-size--mono, 12px);
  --rb-fs-mono-kucuk: var(--wp--preset--font-size--mono-kucuk, 10px);

  /* Ölçek — theme.json settings.spacing */
  --rb-bolum-y: var(--wp--preset--spacing--bolum-y, clamp(36px, 5vw, 80px));
  --rb-bolum-x: var(--wp--preset--spacing--bolum-x, clamp(16px, 4vw, 48px));
  --rb-gap:     var(--wp--preset--spacing--gap, clamp(28px, 4vw, 64px));
  --rb-gap-s:   var(--wp--preset--spacing--gap-s, clamp(12px, 1.6vw, 20px));
  --rb-max:     1280px;

  /* theme.json'a çözülmeyen, tasarımın kendi sabitleri */
  --rb-ls-mono: .16em;
  --rb-cizgi: 2px solid var(--rb-murdum);
  --rb-cizgi-ince: 2px solid rgba(44, 23, 39, .25);
  --rb-cizgi-acik: 2px solid rgba(252, 226, 192, .3);
  --rb-cizgi-acik-2: 2px solid rgba(252, 226, 192, .25);
  --rb-cizgi-orta: 2px solid rgba(44, 23, 39, .4);
  --rb-cizgi-acik-3: 2px solid rgba(252, 226, 192, .35);
  --rb-ayrac-acik: rgba(252, 226, 192, .25);
  --rb-ilerleme-zemin: rgba(252, 226, 192, .2);
  --rb-plak-etiket-ic: rgba(44, 23, 39, .35);
  --rb-plak-cizgi: rgba(44, 23, 39, .28);
  --rb-radius: 0;
  --rb-golge-plak: 0 18px 44px rgba(0, 0, 0, .5);
  --rb-secim: rgba(230, 117, 41, .35);
  --rb-plak-koyu: #191310;
  --rb-plak-koyu-2: #251e18;
  --rb-kol-mil: #8E7360;
  --rb-turuncu-uzeri-koyu: #5A2A18;
}