/* Path: T2Editor/css/dark.css */

#t2editor-dark-css { visibility: hidden; display: none; }
html[data-t2editor-theme="dark"] #t2editor-dark-css { visibility: visible; display: block; }

/* Toggle Icons */
html[data-t2editor-theme="dark"] .t2-dark-mode-icon { display: none; }
html[data-t2editor-theme="dark"] .t2-light-mode-icon { display: inline-block; }
html[data-t2editor-theme="light"] .t2-dark-mode-icon { display: inline-block; }
html[data-t2editor-theme="light"] .t2-light-mode-icon { display: none; }

/* Core Dark Mode */
html[data-t2editor-theme="dark"] .t2-dark-mode-btn { background: #383838; color: #0187fe; border-color: #555; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
html[data-t2editor-theme="dark"] .t2-dark-mode-btn:hover { background: #444; box-shadow: 0 2px 5px rgba(0,0,0,.4); }

html[data-t2editor-theme="dark"] .t2-editor-container { background-color: #1e1e1e; color: #e0e0e0; border-color: #444; }
html[data-t2editor-theme="dark"] .t2-toolbar { background-color: #2d2d2d; border-color: #444; }
html[data-t2editor-theme="dark"] .t2-btn { background-color: #383838; color: #0187fe; }
html[data-t2editor-theme="dark"] .t2-btn:hover { background-color: #505050; }
html[data-t2editor-theme="dark"] .t2-btn:active { background-color: #606060; }
html[data-t2editor-theme="dark"] .t2-btn.active { background-color: #0187fe; color: #fff; }
html[data-t2editor-theme="dark"] .t2-btn:disabled { opacity: .5; color: #999; cursor: not-allowed; }
html[data-t2editor-theme="dark"] .t2-btn:disabled:hover { background-color: #383838; }

/* Button Loading - Dark Mode */
html[data-t2editor-theme="dark"] .t2-btn-loading-overlay {
    background: rgba(56, 56, 56, 0.9);
}

html[data-t2editor-theme="dark"] .t2-btn-loading-spinner {
    border-color: #0187fe;
    border-top-color: transparent;
}

html[data-t2editor-theme="dark"] .t2-editor { background-color: #2d2d2d; color: #e0e0e0; border-color: #444; }
html[data-t2editor-theme="dark"] .t2-editor-status { background-color: #2d2d2d; border-color: #444; color: #aaa; }
html[data-t2editor-theme="dark"] .t2-logo { border-color: #555; }
html[data-t2editor-theme="dark"] .t2-logo-suffix { color: #e0e0e0; }
html[data-t2editor-theme="dark"] .t2-char-count { color: #aaa; }
html[data-t2editor-theme="dark"] .t2-editor ::selection { background: #264f78; color: #fff; }

html[data-t2editor-theme="dark"] .t2-modal-overlay { background: rgba(0,0,0,.7); }

html[data-t2editor-theme="dark"] .t2-color-palette { background-color: #333; border-color: #555; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
html[data-t2editor-theme="dark"] .t2-color-option { border-color: #555; }
html[data-t2editor-theme="dark"] .t2-color-input-container { background-color: #1e1e1e; border-color: #555; }
html[data-t2editor-theme="dark"] .t2-color-hash, html[data-t2editor-theme="dark"] .t2-color-input { color: #e0e0e0; background-color: transparent; }
html[data-t2editor-theme="dark"] .t2-color-apply-btn { background-color: #383838; border-color: #555; color: #e0e0e0; }
html[data-t2editor-theme="dark"] .t2-color-apply-btn:hover { background-color: #505050; border-color: #777; }

/* Color Picker Modal - Dark Mode */
html[data-t2editor-theme="dark"] .t2-color-picker-container {
    background: rgba(0, 0, 0, 0.8);
}

html[data-t2editor-theme="dark"] .t2-color-picker-container > div {
    background: #2d2d2d;
    border: 1px solid #444;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

html[data-t2editor-theme="dark"] .t2-color-picker-container input[type="text"] {
    background: #1e1e1e;
    border-color: #555;
    color: #e0e0e0;
}

html[data-t2editor-theme="dark"] .t2-color-picker-container input[type="text"]:focus {
    border-color: #0187fe;
}

html[data-t2editor-theme="dark"] .t2-color-picker-container button {
    background: #0187fe;
}

html[data-t2editor-theme="dark"] .t2-color-picker-container button:hover {
    background: #0069d9;
}

html[data-t2editor-theme="dark"] .t2-font-size-list { background-color: #333; border-color: #555; box-shadow: 0 2px 10px rgba(0,0,0,.3); }
html[data-t2editor-theme="dark"] .t2-font-size-option { color: #e0e0e0; }
html[data-t2editor-theme="dark"] .t2-font-size-option:hover { background-color: #444; }
html[data-t2editor-theme="dark"] .t2-font-size-option.active { background-color: #264f78; color: #fff; }

html[data-t2editor-theme="dark"] .t2-media-block { background-color: #2d2d2d; border-color: #444; }
html[data-t2editor-theme="dark"] .t2-media-controls { background-color: rgba(45,45,45,.9); box-shadow: 0 2px 5px rgba(0,0,0,.3); }

html[data-t2editor-theme="dark"] .t2-btn[data-action="cancel"] { background-color: #444; color: #e0e0e0; border-color: #555; }
html[data-t2editor-theme="dark"] .t2-btn[data-action="cancel"]:hover { background-color: #555; }
html[data-t2editor-theme="dark"] .t2-btn[data-action="upload"], html[data-t2editor-theme="dark"] .t2-btn[data-action="insert"] { background-color: #0187fe; color: #fff; border: none; }
html[data-t2editor-theme="dark"] .t2-btn[data-action="upload"]:hover:not(:disabled), html[data-t2editor-theme="dark"] .t2-btn[data-action="insert"]:hover { background-color: #0069d9; }
html[data-t2editor-theme="dark"] .t2-btn[data-action="upload"]:disabled { background-color: rgba(1,135,254,.4); }

html[data-t2editor-theme="dark"] input[type="checkbox"] { accent-color: #0187fe; }