/* =========================================================================
   sille.tr — Tasarım Belirteçleri (Design Tokens)
   Yön: "Nature Distilled" toprak paleti + editoryal ızgara. Açık tema.
   Tüm metin renkleri WCAG AA (>=4.5:1), UI/kenarlık renkleri >=3:1 doğrulandı.
   ========================================================================= */

:root {
  /* --- Renk: yüzeyler --------------------------------------------------- */
  --c-bg:            #FAF7F2;  /* kireç badana */
  --c-bg-alt:        #F3EDE3;  /* kum beji */
  --c-bg-deep:       #2A231C;  /* koyu toprak (footer, hero perde) */
  --c-surface:       #FFFFFF;
  --c-surface-warm:  #FDFBF7;

  /* --- Renk: metin ------------------------------------------------------ */
  --c-fg:            #2B241D;  /* 14.31:1 / bg  */
  --c-fg-muted:      #6B6055;  /*  5.73:1 / bg  */
  --c-fg-inverse:    #F7F2EA;

  /* --- Renk: marka ------------------------------------------------------ */
  --c-primary:       #7C4A2D;  /* kiremit-kil, 6.84:1 / bg */
  --c-primary-dark:  #5E3720;
  --c-primary-soft:  #C67B5C;  /* dekoratif, metin değil */
  --c-primary-wash:  #F1E4DB;

  --c-secondary:     #55632F;  /* bağ yeşili (metin), 6.12:1 / bg */
  --c-secondary-soft:#6B7B3C;  /* dekoratif */
  --c-secondary-wash:#EAEDE0;

  --c-accent:        #8F4E14;  /* CTA metni, 6.01:1 / bg */
  --c-accent-fill:   #B5651D;  /* CTA dolgusu */
  --c-accent-wash:   #FBEEDF;

  /* --- Renk: çizgi & durum ---------------------------------------------- */
  --c-border:        #E4DACA;
  --c-border-strong: #CFC0A8;
  --c-ring:          #8F4E14;
  --c-success:       #3F6B3A;
  --c-danger:        #A32C22;

  /* --- Renk: yarı saydam ------------------------------------------------ */
  --c-scrim:         rgba(42, 35, 28, .58);
  --c-glass:         rgba(255, 255, 255, .72);

  /* --- Tipografi -------------------------------------------------------- */
  --ff-display: 'Playfair Display', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --ff-body:    'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ff-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;

  --fs-2xs:  0.75rem;    /* 12px — yalnız etiket/rozet */
  --fs-xs:   0.8125rem;  /* 13px */
  --fs-sm:   0.9375rem;  /* 15px */
  --fs-base: 1.0625rem;  /* 17px — gövde */
  --fs-md:   clamp(1.125rem, 1.06rem + 0.30vw, 1.25rem);
  --fs-lg:   clamp(1.25rem, 1.14rem + 0.55vw, 1.5rem);
  --fs-xl:   clamp(1.5rem,  1.31rem + 0.95vw, 2rem);
  --fs-2xl:  clamp(1.875rem, 1.53rem + 1.72vw, 2.875rem);
  --fs-3xl:  clamp(2.25rem, 1.72rem + 2.62vw, 3.75rem);
  --fs-hero: clamp(2.625rem, 1.62rem + 5.0vw, 6rem);

  --lh-tight:  1.08;
  --lh-snug:   1.28;
  --lh-normal: 1.6;
  --lh-loose:  1.75;

  --ls-tight:  -0.022em;
  --ls-snug:   -0.012em;
  --ls-wide:    0.06em;
  --ls-wider:   0.14em;

  /* --- Aralık (spacious ölçek) ------------------------------------------ */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.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(3.5rem, 2rem + 6vw, 7.5rem);
  --gutter:    clamp(1.25rem, 0.7rem + 2.4vw, 3rem);
  --maxw:      78rem;
  --maxw-prose: 44rem;

  /* --- Köşe & gölge ----------------------------------------------------- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-full: 999px;

  --sh-sm: 0 1px 2px rgba(70, 54, 38, .06), 0 2px 6px rgba(70, 54, 38, .05);
  --sh-md: 0 2px 6px rgba(70, 54, 38, .06), 0 10px 24px rgba(70, 54, 38, .08);
  --sh-lg: 0 4px 12px rgba(70, 54, 38, .07), 0 22px 48px rgba(70, 54, 38, .11);
  --sh-ring: 0 0 0 1px var(--c-border);

  /* --- Hareket ---------------------------------------------------------- */
  --d-fast:  150ms;
  --d-base:  240ms;
  --d-slow:  420ms;
  --d-slower: 720ms;
  --e-out:   cubic-bezier(0.22, 0.61, 0.36, 1);
  --e-in-out:cubic-bezier(0.65, 0, 0.35, 1);
  --e-soft:  cubic-bezier(0.16, 1, 0.3, 1);

  /* --- Katmanlar -------------------------------------------------------- */
  --z-base: 1;
  --z-sticky: 60;
  --z-header: 70;
  --z-drawer: 80;
  --z-modal: 90;
  --z-toast: 100;
}

/* Kullanıcı hareketi azaltmayı tercih ediyorsa tüm süreleri sıfıra çek. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --d-fast: 0.01ms;
    --d-base: 0.01ms;
    --d-slow: 0.01ms;
    --d-slower: 0.01ms;
  }
}