:root {
    img {
        filter: brightness(.8) contrast(1.2);
        border-radius: 10px;
    }
    /* Global Colors - Dark Theme */
    --color-primary: #c04a16;
    --color-primary-hover: #d85a20;
    --color-accent: #ff3300;
    --color-success: #41af46;
    --color-warning: #e18114;
    --color-error: #d32f2f;
    --color-info: #867739;

    /* Text Colors - Dark Theme */
    --text-color: #fff;
    --text-color-light: rgba(255, 255, 255, 0.75);
    --text-muted: #8e8e8e;
    --text-nav: #c2c2c2;

    /* Background Colors - Dark Theme */
    --bg-color: #1b1f23;
    --bg-code: #282c34;
    --bg-navbar: #1b1f23;
    --bg-admonition: #272c33;
    --bg-footer: #272c33;

    /* Border Colors - Dark Theme */
    --border-color: #444950;
    --border-code: #444950;

    /* Component Colors - Dark Theme */
    --nav-menu: var(--bg-color);
    --nav-text-color: var(--text-nav);
    --nav-text-hover: var(--color-primary);
    --nav-text-active: var(--color-primary);
    --nav-toggle-color: var(--text-muted);
    --inline-code-text-color: #5CCDD6;
    --admonition-background-color: var(--bg-admonition);
    --toc-menu-focus: #2c3135;
    --toc-menu-border-left: var(--color-primary);
    --toc-active-border: var(--color-accent);
    --toc-text-color: var(--text-color-light);
    --link-color: var(--color-primary);
    --back-color: var(--bg-color);
    --code-color: var(--bg-code);
    --navbar-back-color: var(--bg-navbar);
    --back-color-small-screen: var(--bg-navbar);
    --back-svg: url(../img/dark/back-dark-mode.svg);
    --caret-svg: url(../img/dark/caret-dark-mode.svg);
    --chevron-svg: url(../img/dark/chevron-dark-mode.svg);
    --home-svg: url(../img/dark/home-dark-mode.svg);
    --home-o-svg: url(../img/dark/home-o-dark-mode.svg);
    --menu-svg: url(../img/dark/menu-dark-mode.svg);
    --octicons-16-svg: url(../img/dark/octicons-16-dark-mode.svg);
}