// Fallback tokens used only when the PHP global-css inline <style> is missing
// (never on an ECM admin page). :where() keeps them at specificity 0,0,0 so the
// PHP output always wins — otherwise this file, which the admin bundles pull
// in, would overwrite the dark-mode values and break the theme toggle.
:where(:root) {
    --ecm-font: "Inter", sans-serif;
    --ecm-primary: #4038CA;
    --ecm-border-color: #DFE1E5;
    --ecm-body-background: #f7f7f7;
    --ecm-background: #fff;
    --ecm-font-color: #141A24;
    --ecm-secondary: #F6F7F8;
    --ecm-warning: #F15B50;
    --ecm-text-muted: #738496;
    --ecm-placeholder: #A2ADB9;
    --ecm-shadow: 0px 0px 1px 0px rgba(20, 26, 36, 0.20), 0px 1px 2px 0px rgba(20, 26, 36, 0.10);
    --ecm-shadow-2: 0px 0.5px 2px 0px rgba(16, 24, 40, 0.15);
    --ecm-gray: #BAC2CB;
}

.easy-content-manager-icon {
    &::before {
        color: var(--ecm-font-color);
    }

    &.has-ecm-blue-bg::before {
        color: #fff;
    }
    &.has-ecm-muted-bg::before {
        color: #222;
    }
    &.ecm-primary::before {
        color: #4F46E5;
    }
    &.ecm-muted::before {
        color: var(--ecm-text-muted);
    }
}

@import "../common/_classesLibrary.scss";
@import "./editor";