/* ============================================================
   BARCHITECT — DESIGN TOKENS
   Marka renkleri, tipografi ölçeği, boşluk ve gölge sistemi.
   ============================================================ */
:root {
  /* — Marka paleti — */
  --ink:        #281F17;   /* ana metin / koyu yüzey */
  --black:      #000000;   /* derin kontrast bölümler */
  --olive:      #666D57;   /* aksan — AZ kullanılır */
  --sand:       #BBB5A7;   /* sıcak nötr aksan */
  --cream:      #F7F5EE;   /* ana zemin */
  --grey:       #D0D0CE;   /* çizgi / ayraç */

  /* — Türetilmiş yüzeyler — */
  --paper:      #FFFDF8;
  --sand-soft:  #EFEAE0;
  --sand-tint:  #E4DDD0;
  --ink-70:     rgba(40, 31, 23, .70);
  --ink-55:     rgba(40, 31, 23, .55);
  --ink-30:     rgba(40, 31, 23, .30);
  --ink-12:     rgba(40, 31, 23, .12);
  --ink-06:     rgba(40, 31, 23, .06);
  --cream-70:   rgba(247, 245, 238, .70);
  --cream-55:   rgba(247, 245, 238, .55);

  /* — Tipografi — */
  --font-body:    'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Outfit', var(--font-body);
  --font-accent:  'Instrument Serif', 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(40,31,23,.05), 0 2px 10px rgba(40,31,23,.05);
  --sh-2: 0 4px 14px rgba(40,31,23,.08), 0 18px 42px rgba(40,31,23,.09);
  --sh-3: 0 10px 30px rgba(40,31,23,.13), 0 30px 70px rgba(40,31,23,.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; }
}