:root {
    --bg: #f8f7fa;
    --menutxtcl: 111,115,145;
    --menutxtweight: 600;
    --intlinear: 90,99,129;
    --txtall: 79,82,107;
    --cl1: 139,65,140;
    --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: 139,65,140;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

:root {
  /* #39c8c0 -> 57,200,192 */
  --pckdf: 57, 200, 192;
}

/* Tam opak (rgb) */
.color-pckdf { color: rgb(var(--pckdf)) !important; }
.bg-pckdf    { background-color: rgb(var(--pckdf)) !important; }

/* Alfa ile (rgba) */
.color-pckdf-70 { color: rgba(var(--pckdf), 0.7) !important; }
.bg-pckdf-15    { background-color: rgba(var(--pckdf), 0.15) !important; }

/* Fallback (eski tarayıcılar için opsiyonel) */
.color-pckdf,
.bg-pckdf,
.color-pckdf-70,
.bg-pckdf-15 {
  /* fallback hex */
  color: #39c8c0 !important;
  background-color: #39c8c0 !important;
}