/* ==========================================================================
   Ersin Erdem Tattoo Studio — "İZ" konsepti
   Bir dövme = tende kalıcı bir iz; hayatta bir anın izi. Site her işi
   bir arşiv plakası gibi ele alır: numara, bölge, stil, anlam.
   Koyu, taneli (analog zanaat), editoryal serif + geniş aralıklı katalog etiketi.
   ========================================================================== */

:root {
    /* Zemin — sıcak, taneli siyah */
    --ink:        #0a0908;
    --ink-1:      #0f0d0b;
    --ink-2:      #16130f;

    /* Metin — krem beyaz, kademeli */
    --text:       rgba(245, 241, 233, 0.92);
    --text-soft:  rgba(245, 241, 233, 0.62);
    --text-muted: rgba(245, 241, 233, 0.42);
    --text-faint: rgba(245, 241, 233, 0.26);
    --hair:       rgba(245, 241, 233, 0.13);
    --hair-strong: rgba(245, 241, 233, 0.22);

    /* Tek sıcak vurgu — bakır */
    --iz:         #b98b52;
    --iz-bright:  #e0c08a;
    --iz-soft:    rgba(185, 139, 82, 0.38);

    /* Tipografi */
    --font-serif: 'Cormorant Garamond', 'Georgia', serif;
    --font-sans:  'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;

    --fs-mikro:   clamp(0.55rem, 0.52rem + 0.14vw, 0.63rem);
    --fs-etiket:  clamp(0.58rem, 0.55rem + 0.16vw, 0.68rem);
    --fs-govde:   clamp(0.88rem, 0.84rem + 0.2vw, 0.96rem);
    --fs-lead:    clamp(1rem, 0.94rem + 0.4vw, 1.2rem);
    --fs-h2:      clamp(1.4rem, 1.15rem + 1.2vw, 2.1rem);
    --fs-h1:      clamp(1.8rem, 1.35rem + 2.2vw, 3rem);
    --fs-dev:     clamp(1.45rem, 1.15rem + 1.5vw, 2.3rem);

    --ls-katalog: 0.4em;
    --lh-govde:   1.8;
    --olcu-metin: 40rem;

    /* Boşluk */
    --kenar-x:    clamp(1.5rem, 7vw, 8rem);
    --bolum-y:    clamp(7rem, 17vh, 13rem);

    /* Hareket — yavaş, kararlı */
    --ease:       cubic-bezier(0.16, 1, 0.3, 1);
    --ease-cizgi: cubic-bezier(0.7, 0, 0.2, 1);
    --sure:       0.6s;
    --sure-yavas: 1.5s;

    /* Katmanlar (negatif z YOK) */
    --z-video:    0;
    --z-veil:     1;
    --z-grain:    2;
    --z-icerik:   4;
    --z-ui:       40;
    --z-lightbox: 200;
    --z-intro:    9998;

    /* Logo boyu/konumu intro.css içinde tanımlı */
}

@media (prefers-reduced-motion: reduce) {
    :root { --sure: 0.001s; --sure-yavas: 0.001s; }
}