/* ============================================================
   EFE ÇALIŞKAN MAKİNE — Tokens (LOGO paleti: amber/turuncu + antrasit)
   ============================================================ */
:root {
  /* brand (logoya göre) — "blue" isimleri korunur, değerler turuncu */
  --blue:        #E8720C;   /* turuncu — primary action */   /* primary action / link (erişilebilir amber) */
  --blue-deep:   #C95F05;   /* hover / pressed / gradient end */
  --blue-bright: #F58220;   /* parlak turuncu aksan */   /* koyu zeminde parlak amber aksan */
  --blue-wash:   #FDEFE2;   /* açık amber yıkama */

  --navy:        #0B1D36;   /* koyu lacivert — header/footer/paneller */   /* antrasit — hero/footer/başlık/koyu bölüm */
  --navy-2:      #13294B;   /* gradient için açık antrasit */

  --ink:         #1B2430;   /* gövde metni (sıcak koyu) */
  --muted:       #5a6675;   /* ikincil metin */
  --muted-2:     #8a95a3;   /* üçüncül */
  --line:        #e7e9ee;   /* kenarlık */
  --bg:          #ffffff;
  --bg-soft:     #f6f7f9;
  --bg-soft-2:   #eef1f5;
  --white:       #ffffff;
  --wa:          #25D366;
  --star:        #f5a623;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --maxw: 1240px;
  --gutter: clamp(1rem, 3.5vw, 2.5rem);
  --radius: 10px;
  --radius-sm: 7px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-sm: 0 1px 3px rgba(20,24,31,0.06), 0 1px 2px rgba(20,24,31,0.05);
  --shadow-md: 0 6px 20px rgba(20,24,31,0.10);
  --shadow-lg: 0 18px 50px rgba(20,24,31,0.16);

  --header-h: 110px;
}