/* ================================================================
   GÖÇÜM HUKUK — CSS VARIABLES & DESIGN TOKENS
================================================================ */
:root {
  /* Vişne çürüğü renk paleti */
  --vc-0:    #050204;
  --vc-1:    #0e0609;
  --vc-2:    #1d0b11;
  --vc-3:    #3a0015;
  --vc-4:    #5a0015;   /* Ana vişne — ofis rengi */
  --vc-5:    #7d001e;
  --vc-6:    #a30027;
  --vc-glow: rgba(90,0,21,.55);
  --vc-dim:  rgba(90,0,21,.20);
  --vc-line: rgba(90,0,21,.40);

  /* Krem & metin */
  --cr-0:  #ffffff;
  --cr-1:  #f0e6dc;
  --cr-2:  rgba(240,230,220,.92);
  --cr-3:  rgba(240,230,220,.68);
  --cr-4:  rgba(240,230,220,.42);
  --cr-5:  rgba(240,230,220,.16);
  --cr-6:  rgba(240,230,220,.08);

  /* Çizgiler */
  --line-w:  rgba(240,230,220,.08);
  --line-w2: rgba(240,230,220,.14);
  --line-vc: rgba(90,0,21,.38);

  /* Tipografi */
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans:  'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  /* Boşluklar */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  28px;
  --sp-xl:  48px;
  --sp-2xl: 80px;
  --sp-3xl: 112px;

  /* Container */
  --container:  1320px;
  --narrow:     860px;
  --pad:        clamp(20px, 5vw, 80px);

  /* Navbar */
  --nav-h:  72px;

  /* Geçişler */
  --ease:   cubic-bezier(.22, 1, .36, 1);
  --ease-io:cubic-bezier(.4, 0, .2, 1);
  --dur-f:  .18s;
  --dur-m:  .32s;
  --dur-s:  .58s;
}

/* Wall.jpg arka plan */
.gh-bg-photo {
  background-image: url('../images/wall.jpg');
  opacity: .07;
  filter: grayscale(60%);
}