/* =========================
   DARK MODE
========================= */
body.dark {
    --gray-xlt: #1e1e1e;
    --gray-lt: #121212;
}

/* Base */
body.dark {
    background: var(--gray-lt);
    color: #e5e5e5;
}

/* Main content */
body.dark .arcp-main-content {
    background-color: #202020;
}

/* Header overlay slightly stronger for contrast */
body.dark .arcp-header__overlay {
    background: rgba(0,0,0,.6);
}

/* Notched bar */
body.dark .arcp-bar__side {
    background: #202020;
}

/* Menu */
/* Menu */
body.dark .arcp-menu-offcanvas {
    background-color: #1e1e1e;
    color: #e5e5e5;
}

body.dark .arcp-menu-header,
body.dark .arcp-menu-body,
body.dark .arcp-menu-stack,
body.dark .arcp-menu-panel {
    background-color: transparent;
}

body.dark .arcp-menu-title,
body.dark .arcp-menu-back,
body.dark .arcp-menu-link,
body.dark .arcp-menu-next,
body.dark #arcpMainMenu a,
body.dark #arcpMainMenu button {
    color: #e5e5e5;
}

body.dark .arcp-menu-list li {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

body.dark .arcp-menu-link:hover,
body.dark .arcp-menu-link:focus-visible,
body.dark .arcp-menu-next:hover,
body.dark .arcp-menu-next:focus-visible {
    background-color: rgba(255,255,255,.05);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

body.dark .arcp-menu-item__chevron {
    color: #aaa;
}

/* Menu dividers */
body.dark .arcp-menu-list li {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Menu hover */
body.dark .arcp-menu-link:hover,
body.dark .arcp-menu-link:focus-visible,
body.dark .arcp-menu-next:hover,
body.dark .arcp-menu-next:focus-visible {
    background-color: rgba(255,255,255,.05);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

/* Chevron */
body.dark .arcp-menu-item__chevron {
    color: #aaa;
}

/* Footer */
body.dark .arcp-footer {
    background-color: #161616;
}

body.dark .arcp-copyright {
    color: #999;
}

/* Cards */
body.dark .arcp-card {
    background-color: #202020;
    color: #e5e5e5;
}

/* Edit button (slightly brighter for contrast) */
body.dark .arcp-edit-btn {
    background: #0c6291;
}

/* Borders / subtle UI */
body.dark hr {
    border-color: rgba(255,255,255,.1);
}

body.dark #arcpMainMenu a {
    color: #e5e5e5;
}

body.dark .arcp-bar__notch path {
    fill: #202020;
}

/* Dark mode close icon */
body.dark .arcp-menu-offcanvas .btn-close {
    filter: invert(1);
}

body.dark .arcp-back-to-top {
    color: #fff;
}