
/* TheGodsalmun Child v19 — toolbar + palette + 10 themes (non-invasive, a11y & auto-theme) */
:root{--tg-radius:999px;--tg-border:1.6px;--tg-shadow:0 4px 16px rgba(0,0,0,.08);--tg-transition:.5s ease}

.tg-fixed-toolbar{
  position:fixed; left:50%; transform:translateX(-50%);
  top:14px; z-index:99998; display:flex; align-items:center; gap:14px;
  padding:0; margin:0;
}
.tg-menu{list-style:none;display:flex;gap:14px;align-items:center;margin:0;padding:0}
.tg-sep{opacity:.7}

.tg-btn{
  appearance:none; display:inline-flex; align-items:center; gap:8px;
  padding:10px 16px; border-radius:999px;
  border:var(--tg-border) solid var(--tg-btn-border,#d0d7de);
  text-decoration:none; cursor:pointer; transition:all .2s;
  font-weight:600; line-height:1; background:var(--tg-btn-bg,#f7f7f8);
  color:var(--tg-btn-text,#111); box-shadow:0 6px 18px rgba(0,0,0,.03);
}
.tg-btn:focus{outline:2px solid var(--tg-accent, #3f51b5); outline-offset:2px}
.tg-btn-ghost{background:transparent;color:var(--tg-ghost-text,#111);border-color:var(--tg-ghost-border,#cdd5df)}
.tg-btn:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.1)}
.tg-dot{font-size:18px; line-height:0}

/* Floating Palette */
.tg-palette{
  position:fixed; z-index:99999; top:68px; left:50%; transform:translateX(-50%);
  min-width:320px; background:var(--tg-card-bg,#fff); color:var(--tg-card-text,#111);
  border:1px solid var(--tg-card-border,#e5e7eb); border-radius:16px;
  box-shadow:0 16px 48px rgba(0,0,0,.14); padding:12px;
}
.tg-palette[hidden]{display:none!important}
.tg-palette-header{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:4px 4px 10px}
#tg-palette-close{border:none; background:transparent; font-size:20px; cursor:pointer; line-height:1}
.tg-swatches{display:grid; grid-template-columns:repeat(10,1fr); gap:10px}
.tg-swatch{width:28px; height:28px; border-radius:50%; border:2px solid rgba(0,0,0,.12); cursor:pointer; transition:transform .15s}
.tg-swatch:hover{transform:scale(1.08)}
.tg-swatch:focus{outline:2px solid var(--tg-accent, #3f51b5); outline-offset:2px}

body,.tg-btn,.tg-palette{transition:background-color var(--tg-transition),color var(--tg-transition),border-color var(--tg-transition)}

/* ---------- THEME VARIABLES (10) ---------- */
body.tg-theme-light{--tg-bg:#fff;--tg-text:#222;--tg-accent:#3f51b5;--tg-nav-bg:#fff;--tg-btn-bg:#f7f7f8;--tg-btn-text:#111;--tg-btn-border:#d0d7de;--tg-ghost-text:#111;--tg-ghost-border:#cdd5df;--tg-card-bg:#fff;--tg-card-text:#111;--tg-card-border:#e5e7eb}
body.tg-theme-light{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-light a{color:var(--tg-accent)}

body.tg-theme-dark{--tg-bg:#121212;--tg-text:#f5f5f5;--tg-accent:#bb86fc;--tg-nav-bg:#1a1a1a;--tg-btn-bg:#222;--tg-btn-text:#f5f5f5;--tg-btn-border:#333;--tg-ghost-text:#eaeaea;--tg-ghost-border:#3a3a3a;--tg-card-bg:#1a1a1a;--tg-card-text:#f5f5f5;--tg-card-border:#2a2a2a}
body.tg-theme-dark{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-dark a{color:var(--tg-accent)}

body.tg-theme-gold{--tg-bg:#f4e5a1;--tg-text:#3b2f14;--tg-accent:#c9a227;--tg-nav-bg:#f6eab8;--tg-btn-bg:#fff6cf;--tg-btn-text:#3b2f14;--tg-btn-border:#e0d39b;--tg-ghost-text:#3b2f14;--tg-ghost-border:#d8c88a;--tg-card-bg:#fff7d6;--tg-card-text:#3b2f14;--tg-card-border:#e9dca9}
body.tg-theme-gold{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-gold a{color:var(--tg-accent)}

body.tg-theme-sky{--tg-bg:#cfe9ff;--tg-text:#082f59;--tg-accent:#2196f3;--tg-nav-bg:#e5f2ff;--tg-btn-bg:#f3f9ff;--tg-btn-text:#082f59;--tg-btn-border:#c6ddff;--tg-ghost-text:#082f59;--tg-ghost-border:#c6ddff;--tg-card-bg:#fff;--tg-card-text:#082f59;--tg-card-border:#d9eaff}
body.tg-theme-sky{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-sky a{color:var(--tg-accent)}

body.tg-theme-green{--tg-bg:#e4f7e4;--tg-text:#0f3d0f;--tg-accent:#4caf50;--tg-nav-bg:#eefbec;--tg-btn-bg:#f3fff3;--tg-btn-text:#0f3d0f;--tg-btn-border:#cae9ca;--tg-ghost-text:#0f3d0f;--tg-ghost-border:#cae9ca;--tg-card-bg:#fff;--tg-card-text:#0f3d0f;--tg-card-border:#d9f0d9}
body.tg-theme-green{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-green a{color:var(--tg-accent)}

body.tg-theme-rose{--tg-bg:#ffe6ec;--tg-text:#4a1c2b;--tg-accent:#e91e63;--tg-nav-bg:#fff0f4;--tg-btn-bg:#fff7f9;--tg-btn-text:#4a1c2b;--tg-btn-border:#f3c8d6;--tg-ghost-text:#4a1c2b;--tg-ghost-border:#f3c8d6;--tg-card-bg:#fff;--tg-card-text:#4a1c2b;--tg-card-border:#f8d9e2}
body.tg-theme-rose{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-rose a{color:var(--tg-accent)}

body.tg-theme-purple{--tg-bg:#f2e6ff;--tg-text:#2b004d;--tg-accent:#9c27b0;--tg-nav-bg:#f8efff;--tg-btn-bg:#fbf7ff;--tg-btn-text:#2b004d;--tg-btn-border:#e6d6f2;--tg-ghost-text:#2b004d;--tg-ghost-border:#e6d6f2;--tg-card-bg:#fff;--tg-card-text:#2b004d;--tg-card-border:#e8d9f3}
body.tg-theme-purple{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-purple a{color:var(--tg-accent)}

body.tg-theme-aqua{--tg-bg:#ccf9f5;--tg-text:#004d47;--tg-accent:#00bfa5;--tg-nav-bg:#e6fffb;--tg-btn-bg:#f5fffd;--tg-btn-text:#004d47;--tg-btn-border:#b9f2ea;--tg-ghost-text:#004d47;--tg-ghost-border:#b9f2ea;--tg-card-bg:#fff;--tg-card-text:#004d47;--tg-card-border:#cff5ee}
body.tg-theme-aqua{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-aqua a{color:var(--tg-accent)}

body.tg-theme-sunset{--tg-bg:#fff0e0;--tg-text:#5a2300;--tg-accent:#ff7043;--tg-nav-bg:#fff6ea;--tg-btn-bg:#fff9f3;--tg-btn-text:#5a2300;--tg-btn-border:#ffd9c7;--tg-ghost-text:#5a2300;--tg-ghost-border:#ffd9c7;--tg-card-bg:#fff;--tg-card-text:#5a2300;--tg-card-border:#ffe3d6}
body.tg-theme-sunset{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-sunset a{color:var(--tg-accent)}

body.tg-theme-silver{--tg-bg:#f2f4f7;--tg-text:#1c1c1c;--tg-accent:#607d8b;--tg-nav-bg:#fff;--tg-btn-bg:#fff;--tg-btn-text:#1c1c1c;--tg-btn-border:#d9dee3;--tg-ghost-text:#1c1c1c;--tg-ghost-border:#d9dee3;--tg-card-bg:#fff;--tg-card-text:#1c1c1c;--tg-card-border:#e3e7eb}
body.tg-theme-silver{background:var(--tg-bg);color:var(--tg-text)} body.tg-theme-silver a{color:var(--tg-accent)}

/* Swatches */
.tg-swatch[data-theme="light"]{background:#fff}
.tg-swatch[data-theme="dark"]{background:#121212}
.tg-swatch[data-theme="gold"]{background:#f4e5a1}
.tg-swatch[data-theme="sky"]{background:#cfe9ff}
.tg-swatch[data-theme="green"]{background:#e4f7e4}
.tg-swatch[data-theme="rose"]{background:#ffe6ec}
.tg-swatch[data-theme="purple"]{background:#f2e6ff}
.tg-swatch[data-theme="aqua"]{background:#ccf9f5}
.tg-swatch[data-theme="sunset"]{background:#fff0e0}
.tg-swatch[data-theme="silver"]{background:#f2f4f7}

/* Responsive */
@media(max-width:640px){
  .tg-fixed-toolbar{top:12px}
  .tg-btn{padding:8px 12px; font-size:14px}
  .tg-swatches{grid-template-columns:repeat(5,1fr)}
}
