/* ============================================================
   BARCHITECT — DESIGN TOKENS
   Marka renkleri, tipografi ölçeği, boşluk ve gölge sistemi.
   ============================================================ */
:root {
  /* — Marka paleti: Espresso Olive · Altın · Bej Krem — */
  --ink:        #2C2F26;   /* Espresso Olive: ana metin / koyu yüzey */
  --forest:     rgb(40, 54, 24);   /* koyu yeşil yüzeyler */
  --black:      #1C1E17;   /* derin kontrast */
  --olive:      #5E6B43;   /* zeytin yeşili */
  --olive-lt:   #8C9A6A;
  --gold:       #B8913A;   /* antik altın */
  --gold-lt:    #E0C57A;   /* parlak altın (koyu zeminde) */
  --gold-dk:    #8A6A22;   /* koyu altın (açık zeminde yazı) */
  --gold-grad:  linear-gradient(135deg, #EBD48F 0%, #CDA84E 46%, #AB8430 100%);
  --sand:       #D9C79B;   /* sıcak bej-altın */
  --cream:      #F4ECDB;   /* bej krem zemin */
  --grey:       #D8CDB4;

  /* — Türetilmiş yüzeyler — */
  --paper:      #FBF6E9;
  --sand-soft:  #EBE0C8;
  --sand-tint:  #E0D2B0;
  --ink-70:     rgba(44, 47, 38, .72);
  --ink-55:     rgba(44, 47, 38, .58);
  --ink-30:     rgba(44, 47, 38, .30);
  --ink-12:     rgba(44, 47, 38, .13);
  --ink-06:     rgba(44, 47, 38, .06);
  --gold-40:    rgba(184, 145, 58, .40);
  --gold-25:    rgba(184, 145, 58, .25);
  --cream-70:   rgba(244, 236, 219, .74);
  --cream-55:   rgba(244, 236, 219, .58);

  /* — Tipografi — */
  --font-body:    'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Fraunces', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-accent:  'Fraunces', Georgia, 'Times New Roman', serif;

  --fs-hero:  clamp(2.45rem, 10.5vw, 5.6rem);
  --fs-h1:    clamp(2rem,   7.6vw,  3.6rem);
  --fs-h2:    clamp(1.6rem, 6.2vw,  2.65rem);
  --fs-h3:    clamp(1.16rem, 4.4vw, 1.45rem);
  --fs-lead:  clamp(1rem,   4.1vw,  1.18rem);
  --fs-body:  1rem;
  --fs-sm:    .875rem;
  --fs-xs:    .75rem;
  --fs-micro: .6875rem;

  /* — Boşluk — */
  --gut: 20px;                 /* mobil kenar boşluğu */
  --sec: clamp(60px, 13vw, 132px);
  --maxw: 1200px;
  --maxw-text: 62ch;

  /* — Form / yüzey — */
  --r-sm: 8px;
  --r:    14px;
  --r-lg: 22px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(44,47,38,.05), 0 2px 10px rgba(44,47,38,.05);
  --sh-2: 0 4px 14px rgba(44,47,38,.08), 0 18px 42px rgba(44,47,38,.09);
  --sh-3: 0 10px 30px rgba(44,47,38,.13), 0 30px 70px rgba(44,47,38,.13);

  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur: .45s;

  --header-h: 62px;
}

@media (min-width: 768px) {
  :root { --gut: 40px; --header-h: 74px; }
}
@media (min-width: 1200px) {
  :root { --gut: 56px; }
}