/* ==========================================================================
   TWG Elite — additive refinement layer (black / gold / platinum).
   Loaded last. Only re-tunes design tokens and adds polish (depth, motion,
   focus, hover). No layout, no markup, no behaviour changes: every feature
   and option stays exactly where it was.
   ========================================================================== */
:root{
  --accent:#0a7f6a;--accent-ink:#ffffff;--accent-2:#0e9a82;--accent-soft:#e0f5ef;--accent-line:#a9dccd;--accent-deep:#07604f;
  --side-bg:#0a0a0c;--side-ink:#d8d4c6;--side-muted:#8d887a;--side-line:#1c1b17;--side-active:#0f2a24;--side-active-ink:#b9fbe6;
  --ring:0 0 0 3px rgba(25,196,150,.32);
  --info:#27508a;--ok:#12803f;
  --elite-gold:linear-gradient(180deg,#7df2cf 0%,#19c496 52%,#0b8c6b 100%);
  --elite-platinum:linear-gradient(180deg,#f4f3ef,#cfccc2);
  --sh2:0 1px 3px rgba(20,16,4,.07),0 8px 22px -10px rgba(40,30,6,.16);
  --sh3:0 14px 44px -14px rgba(40,30,6,.32),0 2px 6px rgba(20,16,4,.08);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#08080a;--bg-2:#0e0e11;--card:#141417;--card-2:#1a1a1e;
    --ink:#f0eee7;--ink-2:#d0ccbf;--muted:#9c978a;--faint:#625f56;
    --line:#26252a;--line-2:#1d1c20;--line-strong:#37353a;
    --accent:#2fd9a8;--accent-ink:#04150f;--accent-2:#6ff0c8;--accent-soft:#0e2f28;--accent-line:#1d6b57;--accent-deep:#14b88a;
    --side-bg:#050506;--side-ink:#cdc9bb;--side-muted:#7d796d;--side-line:#16151a;--side-active:#0f2a24;--side-active-ink:#b9fbe6;
    --top-bg:rgba(8,8,10,.86);--ring:0 0 0 3px rgba(47,217,168,.36);
    --sh2:0 1px 3px rgba(0,0,0,.55),0 10px 28px -12px rgba(0,0,0,.7);
    --sh3:0 18px 54px -14px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"]{
  --bg:#08080a;--bg-2:#0e0e11;--card:#141417;--card-2:#1a1a1e;
  --ink:#f0eee7;--ink-2:#d0ccbf;--muted:#9c978a;--faint:#625f56;
  --line:#26252a;--line-2:#1d1c20;--line-strong:#37353a;
  --accent:#2fd9a8;--accent-ink:#04150f;--accent-2:#6ff0c8;--accent-soft:#0e2f28;--accent-line:#1d6b57;--accent-deep:#14b88a;
  --side-bg:#050506;--side-ink:#cdc9bb;--side-muted:#7d796d;--side-line:#16151a;--side-active:#0f2a24;--side-active-ink:#b9fbe6;
  --top-bg:rgba(8,8,10,.86);--ring:0 0 0 3px rgba(47,217,168,.36);
  --sh2:0 1px 3px rgba(0,0,0,.55),0 10px 28px -12px rgba(0,0,0,.7);
  --sh3:0 18px 54px -14px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.55);
}

/* depth + motion */
.card{transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
a.card:hover,.card.hover:hover,.card[role="link"]:hover{box-shadow:var(--sh3);border-color:var(--accent-line);transform:translateY(-2px)}
button,.btn,input[type="submit"]{transition:background-color .16s ease,box-shadow .16s ease,transform .12s ease,filter .16s ease}
button:not(.secondary):not(.alt):not(.ghost):not(.plain):not(.danger):not(.ok):not(.sm):hover,
.btn:not(.secondary):not(.alt):not(.ghost):not(.plain):not(.danger):not(.ok):not(.sm):hover{box-shadow:0 6px 18px -8px rgba(25,196,150,.55)}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
::selection{background:var(--accent-line);color:var(--ink)}
.pill.acc{box-shadow:inset 0 0 0 1px var(--accent-line)}
input:focus,select:focus,textarea:focus{border-color:var(--accent-2)!important;box-shadow:var(--ring)}
/* calmer, richer scrollbars */
*{scrollbar-width:thin;scrollbar-color:rgba(160,128,50,.45) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(160,128,50,.4);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(25,196,150,.65);background-clip:padding-box;border:2px solid transparent}
@media (prefers-reduced-motion:reduce){.card,button,.btn{transition:none}a.card:hover{transform:none}}