/* ============================================================
   Syntropa — Shared Theme (Day / Night)
   Soft agrarian palette: sage green · warm cream · soft orange
   Loaded AFTER each page's inline <style> so it overrides :root.
   Edit THIS file to retune colors site-wide.
   ============================================================ */

/* ---------- DAY (light) ---------- */
:root{
  --bg:#f6f1e7;
  --cream:#f2ead9;
  --sand:#efe7d4;
  --card:#fffdf9;
  --white:#ffffff;

  --earth:#3f5e44;        /* headers / breadcrumb / footer / nav-cards */
  --leaf:#3f7a55;
  --leaf2:#57966b;
  --gold:#d99a55;         /* soft orange accent */
  --gold-light:#f3cd92;   /* light peach — text on dark headers */

  --text:#2b2a23;
  --text2:#6f6a5f;
  --text3:#a59f92;
  --text-light:#6f6a5f;
  --text-muted:#a59f92;
  --soil:#5a4632;
  --bark:#6e5240;

  --border:#e7e0d2;
  --border2:#efe9dd;
  --gray-light:#e7e0d2;

  --red:#b5523f;
  --red-bg:#fbeee9;
  --green:#3f7a55;
  --green-bg:#e9f4ec;
  --green-light:#e9f4ec;
  --amber:#c0883a;
  --blue:#3d7099;
  --blue-bg:#e9f1f7;
  --blue-light:#e9f1f7;
  --sky:#3d7099;

  --shadow:0 2px 8px rgba(90,70,40,0.08);

  color-scheme:light;
}

/* ---------- NIGHT (dark) ---------- */
:root[data-theme="dark"]{
  --bg:#191b17;
  --cream:#23261f;
  --sand:#23261f;
  --card:#23261f;
  --white:#262a20;

  --earth:#20261e;
  --leaf:#7cc193;
  --leaf2:#8fcfa3;
  --gold:#e0a865;
  --gold-light:#f2c88a;

  --text:#e9e4d6;
  --text2:#b2ad9f;
  --text3:#827d70;
  --text-light:#b2ad9f;
  --text-muted:#827d70;
  --soil:#2c3026;
  --bark:#3a4234;

  --border:#353a2e;
  --border2:#2c3026;
  --gray-light:#353a2e;

  --red:#e8957f;
  --red-bg:#2e211d;
  --green:#7cc193;
  --green-bg:#1d2a20;
  --green-light:#1d2a20;
  --amber:#dcab5e;
  --blue:#86b0d0;
  --blue-bg:#1d2630;
  --blue-light:#1d2630;
  --sky:#86b0d0;

  --shadow:0 2px 10px rgba(0,0,0,0.45);

  color-scheme:dark;
}

/* ---------- Smooth mode switch ---------- */
body{transition:background-color .25s ease,color .25s ease;}
.sec,.card,.stat,.hdr,.alert,.nav-card,.email-card,table.dt td,table.dt th{
  transition:background-color .25s ease,color .25s ease,border-color .25s ease;
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;}}

/* ---------- Dark-mode fixes for shared components that hardcode text ---------- */
:root[data-theme="dark"] .alert.red{color:#f0b3a3;}
:root[data-theme="dark"] .alert.amber{color:#e8c78a;}
:root[data-theme="dark"] .alert.green{color:#a9dcbb;}
:root[data-theme="dark"] .alert.info{color:#a9cce0;}
:root[data-theme="dark"] .meta-note{color:#f0b3a3;}
:root[data-theme="dark"] .raw-file{background:#14160f;border-color:#2c3026;}

/* ---------- Day / Night toggle button ---------- */
#themeToggle{
  position:fixed;right:14px;bottom:14px;z-index:9000;
  width:44px;height:44px;border-radius:50%;
  background:var(--card);border:1px solid var(--border);
  box-shadow:0 3px 12px rgba(0,0,0,0.18);
  font-size:1.25rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s ease,background-color .25s ease,border-color .25s ease;
}
#themeToggle:hover{transform:scale(1.08);border-color:var(--gold);}
#themeToggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}