/* =========================================================================
   Bilhan Tekstil — Design tokens
   Kaynak: design-system/bilhan-tekstil/MASTER.md
   ========================================================================= */

/* ---------- Fonts (self-hosted, latin + latin-ext for Turkish) ---------- */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-latin-wght-normal.woff2') format('woff2-variations');
  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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-latin-wght-italic.woff2') format('woff2-variations');
  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: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-latin-ext-wght-italic.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/jost-latin-wght-normal.woff2') format('woff2-variations');
  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: 'Jost';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/jost-latin-ext-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ---------- Primitive colours ---------- */
  --c-rust-500: #A8321F;   /* logo kuşu — marka vurgusu */
  --c-rust-400: #E0684F;   /* koyu zeminde vurgu */
  --c-rust-700: #7A2214;
  --c-anthracite: #3B4045; /* logo yazısı */
  --c-ink: #17181A;
  --c-night: #141414;
  --c-night-2: #1E1E1D;
  --c-paper: #F4EFE7;      /* sıcak kırık beyaz, ham kumaş */
  --c-paper-2: #EBE4D9;
  --c-linen: #FBF9F5;
  --c-stone-600: #625D55;
  --c-stone-400: #A39E95;
  --c-stone-200: #D9D1C4;

  /* Koleksiyon renkleri (dekoratif / metin için -deep) */
  --c-solar: #D9622B;        --c-solar-deep: #B54A1A;
  --c-rose: #C9877E;         --c-rose-deep: #9E5A50;
  --c-iznik: #1F4E8C;        --c-iznik-deep: #1F4E8C;
  --c-forest: #2F4A3A;       /* sürdürülebilirlik */

  /* ---------- Semantic (light / "paper" surface) ---------- */
  --bg: var(--c-paper);
  --bg-elevated: var(--c-linen);
  --bg-sunken: var(--c-paper-2);
  --fg: var(--c-ink);
  --fg-muted: var(--c-stone-600);
  --fg-subtle: var(--c-anthracite);
  --line: var(--c-stone-200);
  --accent: var(--c-rust-500);
  --accent-fg: #FFFFFF;
  --focus: var(--c-rust-500);
  --logo-mark: var(--c-rust-500);
  --logo-word: var(--c-anthracite);
  --selection: rgba(168, 50, 31, .18);

  /* ---------- Typography ---------- */
  --font-display: 'Cormorant Garamond', 'Cormorant', Garamond, 'Times New Roman', serif;
  --font-body: 'Jost', 'Futura', 'Century Gothic', system-ui, sans-serif;

  /* Fluid type scale (360px → 1600px) */
  /* hero: longest Turkish word ("dönüştürüyoruz.") must fit one line → capped at 11.5vw */
  --fs-hero:   min(clamp(3rem, .6rem + 7.6vw, 11rem), 11.5vw);
  --fs-d1:     clamp(2.75rem, 1.7rem + 5.2vw, 7rem);
  --fs-d2:     clamp(2.25rem, 1.6rem + 3.2vw, 4.75rem);
  --fs-h1:     clamp(2rem, 1.55rem + 2.2vw, 3.5rem);
  --fs-h2:     clamp(1.625rem, 1.4rem + 1.1vw, 2.5rem);
  --fs-h3:     clamp(1.25rem, 1.15rem + .5vw, 1.625rem);
  --fs-lead:   clamp(1.125rem, 1.05rem + .4vw, 1.4rem);
  --fs-body:   1.0625rem;  /* 17px */
  --fs-small:  .9375rem;   /* 15px */
  --fs-label:  .75rem;     /* 12px, uppercase + tracking */
  --lh-tight: .92;
  --lh-snug: 1.15;
  --lh-body: 1.65;
  --tracking-label: .18em;
  --tracking-display: -.02em;

  /* ---------- Spacing (4pt base, spacious) ---------- */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem;
  --sp-6: 2rem;   --sp-7: 3rem;  --sp-8: 4rem;   --sp-9: 6rem;  --sp-10: 8rem;
  --section-y: clamp(5rem, 3rem + 9vw, 12rem);
  --gutter: clamp(1rem, .5rem + 2.5vw, 3rem);
  --max-w: 90rem;
  --measure: 38rem;

  /* ---------- Shape & elevation ---------- */
  --radius-0: 0;
  --radius-pill: 999px;
  --shadow-lift: 0 30px 60px -30px rgba(23, 24, 26, .35);

  /* ---------- Motion ---------- */
  --dur-instant: 120ms;
  --dur-fast: 240ms;
  --dur-base: 600ms;
  --dur-slow: 1200ms;
  --dur-cinematic: 1800ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);      /* expo.out — girişler */
  --ease-in: cubic-bezier(.7, 0, .84, 0);       /* expo.in — çıkışlar */
  --ease-inout: cubic-bezier(.87, 0, .13, 1);   /* expo.inOut — perde/geçiş */
  --ease-soft: cubic-bezier(.33, 1, .68, 1);    /* power2.out — mikro */

  /* ---------- Layers ---------- */
  --z-base: 0; --z-raised: 10; --z-header: 100; --z-menu: 200; --z-cursor: 900; --z-loader: 1000;
}

/* Dark "night" surface — section-level, not a site-wide theme */
.theme-night {
  --bg: var(--c-night);
  --bg-elevated: var(--c-night-2);
  --bg-sunken: #0E0E0E;
  --fg: var(--c-paper);
  --fg-muted: var(--c-stone-400);
  --fg-subtle: var(--c-stone-200);
  --line: rgba(244, 239, 231, .14);
  --accent: var(--c-rust-400);
  --focus: var(--c-rust-400);
  --logo-mark: var(--c-rust-400);
  --logo-word: var(--c-paper);
  --selection: rgba(224, 104, 79, .3);
}

/* Paper surface — use inside a night page to return to the light defaults */
.theme-paper {
  --bg: var(--c-paper);
  --bg-elevated: var(--c-linen);
  --bg-sunken: var(--c-paper-2);
  --fg: var(--c-ink);
  --fg-muted: var(--c-stone-600);
  --fg-subtle: var(--c-anthracite);
  --line: var(--c-stone-200);
  --accent: var(--c-rust-500);
  --focus: var(--c-rust-500);
  --logo-mark: var(--c-rust-500);
  --logo-word: var(--c-anthracite);
  --selection: rgba(168, 50, 31, .18);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-base: 1ms; --dur-slow: 1ms; --dur-cinematic: 1ms; }
}