/* =============================================================
   SafeCos® — Tema Değişkenleri (Design Tokens)
   Marka rengi, boşluk, yarıçap, gölge ve animasyon token'ları.
   Tema değiştirmek için sadece bu dosyayı düzenlemek yeterlidir.
   ============================================================= */

:root{
  /* Renk paleti — canlı sitedeki tonlardan çıkarıldı */
  --cream:#F8F0EE;         /* Ana zemin (blush/krem) */
  --cream-2:#FDF7F5;       /* Hafif daha açık krem (kart zemini vb.) */
  --cream-3:#F1E4DE;       /* Orta krem (ayırıcı alanlar) */
  --white:#FFFFFF;
  --ink:#1A1A1A;           /* Ana metin/siyah */
  --ink-2:#2B2B2B;         /* İkincil siyah */
  --muted:#6B6160;         /* Açıklama/alt metin */
  --muted-2:#8C817F;
  --line:#E8D7D0;          /* Çizgi ve ayraçlar */

  /* Marka sarısı (arı teması) */
  --gold-dark:#B78806;     /* Marka sarısı — metin için (canlı sitedeki ton) */
  --gold:#C99A27;          /* Orta altın */
  --gold-light:#E8B94A;    /* Açık altın */
  --gold-bright:#F8BB0B;   /* Arı gövdesinin parlak sarısı */

  /* Gölgeler */
  --shadow-sm:0 2px 8px rgba(26,26,26,.06);
  --shadow-md:0 10px 30px rgba(26,26,26,.08);
  --shadow-lg:0 24px 60px rgba(26,26,26,.12);

  /* Yapı */
  --radius:14px;
  --radius-lg:22px;
  --container-max:1240px;
  --container-pad:28px;

  /* Animasyon */
  --ease:cubic-bezier(.22,1,.36,1);
  --t-fast:.2s;
  --t:.25s;
  --t-slow:.45s;
}