/* variables.css — GRS Kumaşçılık × Newsprint */

:root {
  /* ── Renk Paleti (Logodan türetilmiş — Newsprint uyumlu) ──
     Marka renkleri korunur; kağıt/mürekkep sistemiyle entegre edilir. */

  /* Kağıt & Mürekkep */
  --paper:           #F9F9F7;   /* Newsprint kağıt beyazı */
  --paper-warm:      #EDF4F4;   /* Hafif teal-tintli arka plan */
  --ink:             #0E1A1C;   /* Marka petrolu = birincil mürekkep */
  --ink-mid:         #2A4042;   /* Orta ton */
  --ink-muted:       #5C7A7C;   /* Soluk mürekkep / yardımcı metin */
  --divider:         #D0DFE0;   /* Izgara bölücüsü */

  /* Marka Aksanları */
  --accent:          #5BA3A5;   /* Teal — editöryal vurgu */
  --accent-bright:   #7DC4C6;   /* Açık teal — hover */
  --accent-deep:     #2A5F62;   /* Koyu teal */
  --accent-warm:     #C9A961;   /* Altın — ikincil vurgu */

  /* ── Geriye Dönük Uyumluluk (eski class adları) ── */
  --bg-primary:        var(--paper);
  --bg-secondary:      var(--paper-warm);
  --bg-elevated:       #EBF2F3;
  --accent-primary:    var(--accent);
  --accent-bright:     #7DC4C6;
  --text-primary:      var(--ink);
  --text-secondary:    var(--ink-mid);
  --text-muted:        var(--ink-muted);
  --border-subtle:     rgba(14, 26, 28, 0.14);
  --border-medium:     rgba(14, 26, 28, 0.28);

  /* ── Tipografi ── */
  --font-display:  'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body:     'Lora', Georgia, serif;
  --font-sans:     'Inter', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'Courier New', monospace;

  /* ── Boyut Ölçeği ──
     Editorial / premium ölçek. Section başlıkları lüks tedarikçi sitelerinin tonunda. */
  --hero-title:    clamp(3.75rem, 9vw, 10.5rem);
  --h2:            clamp(2.75rem, 6.5vw, 6.5rem);
  --h3:            clamp(1.75rem, 3vw, 3rem);
  --h4:            clamp(1.2rem, 1.8vw, 1.6rem);
  --body-lg:       clamp(1rem, 1.1vw, 1.15rem);
  --body-sm:       0.9rem;
  --label:         clamp(0.78rem, 0.85vw, 0.95rem);
  --eyebrow:       clamp(0.82rem, 0.95vw, 1.05rem);

  /* ── Boşluk ── */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   2rem;
  --space-xl:   4rem;
  --space-2xl:  8rem;
  --space-3xl:  12rem;

  /* ── Container ── */
  --container-max:  1440px;
  --container-pad:  clamp(1.5rem, 5vw, 5rem);

  /* ── Z-index ── */
  --z-canvas:    0;
  --z-content:   10;
  --z-nav:       100;
  --z-cursor:    200;
  --z-loader:    300;
  --z-modal:     400;

  /* ── Easing (hızlı & mekanik — newsprint ruhu) ── */
  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart:  cubic-bezier(0.25, 1, 0.5, 1);
  --ease-in-expo:    cubic-bezier(0.7, 0, 0.84, 0);
  --ease-silk:       cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Geçiş Süreleri ── */
  --t-fast:    150ms;
  --t-base:    200ms;
  --t-slow:    350ms;
  --t-slower:  600ms;

  /* ── Gölge (Newsprint: düz hard-offset, blur yok) ── */
  --shadow-hard:      4px 4px 0px 0px var(--ink);
  --shadow-hard-sm:   2px 2px 0px 0px var(--ink);
  --shadow-card:      0 0 0 1px var(--ink);
}