:root {

  /* Ana renk — dusty sage (toz yeşili).
     Dinlendirici, yormayan, son kullanıcıya hitap eden pastel ton.
     Kart arka planı, buton, navigasyon için yeterli kontrast sağlıyor;
     beyaz metin hala okunabilir. Siyahın aksine göz yormuyor. */
  --main-color: #7A8F84;
  --main-rgb: 122 143 132;

  /* İkincil renk — yumuşak şeftali/kum.
     Sage yeşiliyle tamamlayıcı, sıcak bir pastel aksan.
     Vurgu, hover, ikincil butonlar için. */
  --second-color: #E8C8A0;
  --second-rgb: 232 200 160;

  /* Nötr griler — sıcak krem ailesi.
     Soğuk gri yerine hafif sıcak tonlu nötrler, paletle uyumlu. */
  --gray100-color: #F8F5F0;
  --gray100-rgb: 248 245 240;
  --gray200-color: #EDE8DF;
  --gray200-rgb: 237 232 223;
  --gray300-color: #D4CEC2;
  --gray300-rgb: 212 206 194;

  /* Durum / aksan renkleri — tümü dusty pastel tonlarına çekildi.
     Parlak/neon yerine oleya sofistike, palet içinde uyumlu. */
  --red600-color: #C47A7A;
  --red600-rgb: 196 122 122;
  --blue800-color: #7E94AC;
  --blue800-rgb: 126 148 172;
  --purple700-color: #9584A8;
  --purple700-rgb: 149 132 168;
  --yellow500-color: #D4B87A;
  --yellow500-rgb: 212 184 122;

  /* Taban renkler */
  --white-color: #FFFFFF;
  --white-rgb: 255 255 255;
  /* "Siyah" saf siyah değil — sıcak koyu kahverengi-gri.
     Yazı rengi olarak kullanıldığında bile göz yormuyor. */
  --black-color: #3D3836;
  --black-rgb: 61 56 54;

  /* Metin grileri — yazıların "kapalı" hissetmemesi için hafifletildi.
     gray900 neredeyse siyahın yerine geçiyor ama çok daha yumuşak. */
  --gray500-color: #8B8178;
  --gray500-rgb: 139 129 120;
  --gray900-color: #4E453E;
  --gray900-rgb: 78 69 62;
}