/* ======================================================
   Sanfe SMP — Shared Theme Tokens
   Loaded before style.css / home.css / admin.css on every page.
====================================================== */

:root{

    /* Palette — pulled from the sunlit garden/pillar art:
       deep forest shadow, mossy leaf green, warm sunlight gold,
       pale marble for text on dark. No moon/night violet left. */
    --bg-void:#0e1810;
    --bg-panel:rgba(20,32,18,.55);
    --bg-panel-solid:#16241a;

    --accent:#6fae55;
    --accent-soft:#a3d98a;
    --accent-dim:#3e6b3a;
    --accent-bloom:#e9c46a;

    --text-light:#f4f1e6;
    --text-dim:#cdd8c1;

    --border-glow:rgba(111,174,85,.35);

    --font-display:'Cinzel',serif;
    --font-body:'Poppins',sans-serif;
}

/* ======================================================
   Floating Music Toggle — shared across every page so
   background music can keep playing site-wide
====================================================== */

#music{

    position:fixed;
    right:24px;
    bottom:24px;
    padding:12px 20px;
    border:1px solid var(--border-glow);
    border-radius:999px;
    background:var(--bg-panel-solid);
    color:var(--text-light);
    font-family:var(--font-body);
    font-size:14px;
    cursor:pointer;
    z-index:40;
    transition:.3s;

}

#music:hover{

    box-shadow:0 0 18px var(--accent);
    transform:translateY(-2px);

}

#music.is-pending{

    /* Shown briefly when the browser blocked autoplay and is waiting
       for a tap anywhere on the page to resume — see js/music.js */
    border-color:var(--accent-bloom);
    color:var(--accent-bloom);

}

/* ======================================================
   file:// Warning Banner (see js/storage.js)
====================================================== */

#eternalFileWarning{

    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
    background:#5a2a1a;
    color:#ffe9d6;
    font-family:var(--font-body);
    font-size:13px;
    line-height:1.5;
    padding:10px 44px 10px 14px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,.4);

}

#eternalFileWarning code{

    background:rgba(0,0,0,.25);
    padding:1px 5px;
    border-radius:4px;

}

#eternalFileWarning button{

    position:absolute;
    right:10px;
    top:6px;
    background:none;
    border:none;
    color:#ffe9d6;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    padding:4px 8px;

}