/* IMAGE STYLING OVERRIDES FOR MKDOCS MATERIAL */

/* 1. Remove all borders/shadows in LIGHT MODE */
[data-md-color-scheme="kx-light"] .md-typeset img,
[data-md-color-scheme="kx-light"] .md-typeset figure,
[data-md-color-scheme="kx-light"] .md-typeset figure img,
[data-md-color-scheme="kx-light"] .md-image,
[data-md-color-scheme="kx-light"] .md-image img,
[data-md-color-scheme="kx-light"] .md-content img {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

/* 2. Apply thin border ONLY IN DARK MODE (slate) */
[data-md-color-scheme="slate"] .md-typeset img,
[data-md-color-scheme="slate"] .md-typeset figure,
[data-md-color-scheme="slate"] .md-typeset figure img,
[data-md-color-scheme="slate"] .md-image,
[data-md-color-scheme="slate"] .md-image img,
[data-md-color-scheme="slate"] .md-content img {
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;

    /* Thin 0.25px border for dark mode only */
    border: 0.25px solid var(--kx-grey-darker) !important;
}