/* 1. Target the CKEditor CSS variables (The "Clean" way) */
:root {
    --ck-color-button-default-icon: #808080 !important; /* Your grey */
    --ck-color-button-hover-icon: #4d4d4d !important;   /* Darker grey for hover */
    --ck-color-button-on-icon: #007bff !important;      /* Active state color */
}

/* 2. Direct override for the SVG paths (The "Brute Force" way) */
/* This ensures even icons with specific fill properties are caught */
.ck.ck-balloon-panel .ck-icon,
.ck.ck-balloon-panel .ck-icon * {
    fill: #808080 !important;
    color: #808080 !important;
}

/* 3. Handle the opacity (Some icons in your HTML use fill-opacity=".6") */
.ck.ck-balloon-panel svg path[fill-opacity] {
    fill-opacity: 1 !important;
}