/* ==========================================================
   1. GLOBAL VARIABLES & TEXTURE
   ========================================================== */
:root {
    /* Fixed path: Uses ../../../ to jump from /templates/yootheme_jamesvault/css/ to the root */
    --site-texture: url('../../../images/dark_sandstone_tile.jpg');
    --bg-overlay: rgba(0, 0, 0, 0.4); 
}

/* Apply texture to body */
body {
    background: linear-gradient(var(--bg-overlay), var(--bg-overlay)), var(--site-texture) !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

/* ==========================================================
   2. SITE-WIDE NIGHT MODE (General Colors)
   ========================================================== */
@media (prefers-color-scheme: dark) {
    html { background-color: #1a1a1a !important; }
    
    body, .uk-section-default, .uk-card-default, .uk-page, main {
        background-color: transparent !important; /* Let the body texture show through */
        color: #e5e5e5 !important;
    }

    h1, h2, h3, h4, h5, h6, .uk-heading-medium, .uk-modal-title { color: #ffffff !important; }
    
    /* Global link color */
    a { color: #66b3ff !important; }

    .uk-navbar-container:not(.uk-navbar-transparent) { background: #222 !important; }
    .uk-navbar-nav > li > a { color: #fff !important; }
}

/* ==========================================================
   3. THE VAULT (Modal Fixes)
   ========================================================== */
@media (prefers-color-scheme: dark) {
    /* Force the background of the box and footer */
    .uk-modal-dialog, 
    .uk-modal-body,
    .uk-modal-footer {
        background: #0f0f0f !important;
        background-color: #0f0f0f !important;
        border: 2px solid #3498db !important;
    }

    /* THE INPUT / SEARCH BOX FIX */
    .uk-modal-dialog input.uk-input,
    .uk-input,
    .uk-search-input {
        background-color: #1a1a1a !important;
        color: #3498db !important;
        border: 1px solid #333 !important;
    }

    /* THE CANCEL / DEFAULT BUTTONS */
    .uk-modal-footer .uk-button-default,
    .uk-modal-dialog .uk-button-default,
    .uk-close,
    .uk-modal-close-default {
        background-color: #222 !important;
        color: #ffffff !important;
        border: 1px solid #444 !important;
    }
}

/* ==========================================================
   4. VAULT PERMANENT STYLING (Fonts & Layout)
   ========================================================== */
.uk-modal-dialog {
    border-radius: 8px;
}

#secret-vault .uk-modal-title {
    color: #3498db;
    font-family: monospace;
    text-transform: uppercase;
}

#secret-vault .uk-list a {
    color: #3498db !important;
    font-family: monospace;
    text-decoration: none;
}



/*Link Titles*/
.custom-link-header {
    text-align: center;
    padding: 0.1rem 0;
    width: 100%;
}
.custom-link-header span {
    text-decoration: underline;
    font-family: 'Montserrat', serif; /* Change to your preferred font */
    font-size: 2.0rem;                     /* Responsive size */
    font-weight: 100;                      /* Thickness */
}