/* ============================================================================
   WEBSITEKS — mimari-portfolyo · TASARIM JETONLARI (tek kaynak)
   Arketip: Editöryal Mimari Indeks — sıcak galeri paleti, serif display.
   Websiteks'den AYRIK: serif display + sıcak kil/bronz palet + sol-rail + yatay reel.
   ========================================================================== */

/* --- Yazı tipleri (yerel woff2, CDN yok). Türkçe için lat + latx ŞART --- */
@font-face {
  font-family: "Manrope"; src: url("../assets/fonts/manrope-lat.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope"; src: url("../assets/fonts/manrope-latx.woff2") format("woff2");
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Fraunces"; src: url("../assets/fonts/fraunces-lat.woff2") format("woff2");
  font-weight: 300 900; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fraunces"; src: url("../assets/fonts/fraunces-latx.woff2") format("woff2");
  font-weight: 300 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Fraunces"; src: url("../assets/fonts/fraunces-italic-lat.woff2") format("woff2");
  font-weight: 300 900; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fraunces"; src: url("../assets/fonts/fraunces-italic-latx.woff2") format("woff2");
  font-weight: 300 900; font-style: italic; font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* --- Sıcak galeri paleti (referans'ın teal/navy'sinden AYRIK) --- */
  --paper:     #F1EBE0;   /* sıcak kemik/kâğıt zemin */
  --paper-2:   #E8E0D2;   /* panel/alternatif zemin */
  --paper-3:   #DED4C3;   /* daha koyu kâğıt */
  --cream:     #FAF6EE;   /* en açık */
  --ink:       #1B1714;   /* sıcak siyaha yakın metin */
  --ink-2:     #2A2420;   /* ikincil koyu */
  --ink-soft:  #3D362F;
  --muted:     #877B6C;   /* sıcak gri gövde */
  --muted-2:   #A89B89;   /* daha açık gri */
  --line:      #D2C7B4;   /* saç-teli çizgi */
  --line-soft: rgba(27,23,20,.10);
  --accent:    #A85F38;   /* kil/terra — ana aksan (soket ile uyumlu) */
  --accent-2:  #B0744A;   /* açık bronz/ceviz */
  --accent-deep:#8A4A2A;  /* koyu kil (hover) */
  --gold:      #B08D57;   /* ince altın detay */

  /* koyu bölüm (vitrin/atölye sahnesi için ters zemin) */
  --dark:      #1B1714;
  --dark-2:    #241F1A;
  --on-dark:   #F1EBE0;
  --on-dark-muted: #A99C8A;

  /* --- Tipografi --- */
  --serif: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans:  "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fz-mega:  clamp(3.6rem, 12vw, 12.5rem);   /* dev display */
  --fz-h1:    clamp(2.6rem, 6.5vw, 6rem);
  --fz-h2:    clamp(2rem, 4.4vw, 3.8rem);
  --fz-h3:    clamp(1.35rem, 2.4vw, 2rem);
  --fz-lead:  clamp(1.12rem, 1.6vw, 1.5rem);
  --fz-body:  clamp(1rem, 1.05vw, 1.125rem);
  --fz-sm:    .9rem;
  --fz-xs:    .74rem;     /* eyebrow / etiket */

  --lh-tight: 0.98;
  --lh-snug:  1.12;
  --lh-body:  1.62;
  --tr-eyebrow: .26em;    /* harf aralığı (eyebrow caps) */

  /* --- Düzen / ritim --- */
  --rail-w: 270px;        /* sol sabit rail genişliği (masaüstü) */
  --pad-x:  clamp(1.5rem, 5vw, 6.5rem);
  --pad-y:  clamp(4.5rem, 11vh, 11rem);
  --maxw:   1680px;
  --gap:    clamp(1.2rem, 2.2vw, 2.6rem);
  --radius: 4px;          /* keskin editöryal köşeler */
  --radius-lg: 10px;

  /* --- Hareket --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);          /* expo-out */
  --ease-io: cubic-bezier(0.76, 0, 0.24, 1);       /* smooth in-out */
  --dur: .7s;
  --dur-fast: .32s;

  --z-rail: 70; --z-cursor: 9999; --z-loader: 9000; --z-pt: 8000; --z-menu: 8500;

  /* soket temasını paletimize bağla (soket.css değişkenleri okur) */
  --soket-bg: var(--paper-2);
  --soket-accent: var(--accent-2);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: var(--sans); font-size: var(--fz-body); line-height: var(--lh-body);
  font-weight: 400; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1;
}
h1,h2,h3,h4 { font-family: var(--serif); font-weight: 380; line-height: var(--lh-snug);
  letter-spacing: -0.015em; margin: 0; color: var(--ink); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { background: var(--accent); color: var(--cream); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}