:root {
    --bg: #f9f6f7;
    --menutxtcl: 211,47,47;
    --menutxtweight: 600;
    --intlinear: 56,56,56;
    --txtall: 56,56,56;
    --cl1: 14,52,247;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 211,47,47;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}



/* --- Better contrast for platform boxes --- */
.platformBox {
  position: relative;
  overflow: hidden;
}

/* Yarı saydam koyu overlay */
.platformBox::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25); /* %25 koyulaştırma */
  z-index: 0;
}

/* İçeriği overlay üstüne getir */
.platformBox * {
  position: relative;
  z-index: 1;
}

/* Metin rengi: açık yerine nötr beyaz */
.platformText,
.serviceName {
  color: #f1f1f1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); /* kontrast arttırır */
}