:root{
    --bg:#e8e2d3; --bg2:#efe9dc; --surface:#faf7f0;
    --ink:#20242b; --ink-soft:#5b6068; --ink-faint:#938c7d;
    --gold:#977022; --gold-bright:#c2933a;
    --aegean:#274b63; --oxblood:#7c2d2d;
    --line:rgba(32,36,43,0.13); --line-strong:rgba(32,36,43,0.22);
    --glow:rgba(194,147,58,0.16); --shade:rgba(32,36,43,0.05);
    --royal:#5a3b8c; --royal-bright:#6f4aa6; --royal-glow:rgba(91,59,140,0.12);
    --navbg:rgba(232,226,211,0.82);
  }
  [data-theme="obsidian"]{
    --bg:#0d0b13; --bg2:#15121d; --surface:#191522;
    --ink:#ece6d6; --ink-soft:#a8a096; --ink-faint:#716b63;
    --gold:#cda85f; --gold-bright:#e6c987;
    --aegean:#6ea2c6; --oxblood:#c0635a;
    --royal:#ab92d6; --royal-bright:#cab4f0; --royal-glow:rgba(140,98,210,0.30);
    --line:rgba(232,224,214,0.14); --line-strong:rgba(232,224,214,0.26);
    --glow:rgba(205,168,95,0.24); --shade:rgba(0,0,0,0.30);
    --navbg:rgba(13,11,19,0.82);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{background:var(--bg);}
  ::selection{background:var(--gold);color:var(--bg);}
  @keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes glowPulse{0%,100%{opacity:.55}50%{opacity:1}}
  @keyframes sheen{0%{background-position:-200% 0}100%{background-position:200% 0}}
  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes gleam{0%{transform:translateX(-60px) skewX(-12deg)}55%,100%{transform:translateX(150px) skewX(-12deg)}}
  @keyframes nudgeX{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
  .tc-scroll{scrollbar-width:thin;scrollbar-color:var(--gold) var(--line);}
  .tc-scroll::-webkit-scrollbar{height:9px;}
  .tc-scroll::-webkit-scrollbar-track{background:var(--line);border-radius:99px;}
  .tc-scroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
  .tc-scroll::-webkit-scrollbar-thumb:hover{background:var(--gold-bright);background-clip:padding-box;}