/* PureConcept — temel token katmanı (theme.json'ı tamamlar).
   reference-spec.json'dan türetildi. */

:root {
  --pc-primary: #7B5454;
  --pc-ink: #171717;
  --pc-cream: #F4EDED;
  --pc-offwhite: #FAFAFA;
  --pc-taupe: #595750;
  --pc-taupe-warm: #927A6D;
  --pc-accent: #E11D48;

  --pc-radius-sm: 10px;
  --pc-radius-card: 20px;
  --pc-radius-pill: 60px;
  --pc-radius-full: 9999px;

  --pc-track-display: -0.04em;
  --pc-track-logo: 0.35em;
  --pc-track-label: 0.08em;

  --pc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* { box-sizing: border-box; }

/* Yatay taşma engeli SADECE body'de (main.css). html'de clip YOK: html + en yakın ata (.pc-pdp)
   birlikte clip yapinca mobil dokunmatik scroll'da position:sticky (PDP sekme bari) titriyordu.
   html visible olunca body'nin overflow-x:clip'i viewport'a propagate olur → ata clip-container olmaz, sticky temiz. */

body {
  font-family: "Jost", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--pc-primary);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Wordmark logosu: geniş pozitif tracking, uppercase */
.pc-wordmark {
  text-transform: uppercase;
  letter-spacing: var(--pc-track-logo);
  font-weight: 400;
}

/* Dev display başlık: sıkı negatif tracking */
.pc-display {
  text-transform: uppercase;
  letter-spacing: var(--pc-track-display);
  line-height: 1;
  font-weight: 400;
}

/* Küçük etiket (PDP tip etiketi, vendor) */
.pc-label {
  text-transform: uppercase;
  letter-spacing: var(--pc-track-label);
  font-size: 13px;
  color: var(--pc-taupe);
}

/* Scroll-reveal başlangıç durumu (motion.js açar) */
[data-reveal] { opacity: 0; transform: translateY(24px); will-change: opacity, transform; }

/* Erişilebilirlik: hareket azalt */
@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}