/* ═══════════════════════════════════════════════════════
   DESIGN TOKENS & RESET
═══════════════════════════════════════════════════════ */
:root {
  --accent:     #0057FF;
  --accent-lo:  rgba(0,87,255,0.07);
  --accent-mid: rgba(0,87,255,0.15);
  --green:      #059669;
  --amber:      #D97706;
  --red:        #DC2626;
  --hot:        #EA580C;
  --font:       'Geist', system-ui, sans-serif;
  --mono:       'Geist Mono', 'Fira Code', monospace;
  --r:          10px;
  --r-sm:       6px;
  --sidebar:    252px;
  --topbar:     56px;
  --ease:       cubic-bezier(0.4,0,0.2,1);
  --t:          0.15s;
}

[data-theme="light"] {
  --bg:      #F7F7F9; --bg2:     #FFFFFF; --bg3:     #EEEEEF; --bg4:    #E5E5E8;
  --line:    rgba(0,0,0,0.07); --line2: rgba(0,0,0,0.13);
  --tx:      #0A0A0B; --tx2:    #3F3F46; --tx3:     #9B9BA4;
  --card:    #FFFFFF; --cardhov:#FAFAFA; --side:    #F0F0F3; --glass:  rgba(247,247,249,0.92);
  --sh:      0 1px 3px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.05);
  --sh-hov:  0 4px 16px rgba(0,0,0,.09),0 12px 32px rgba(0,0,0,.07);
  --sh-card: 0 1px 2px rgba(0,0,0,.04);
}
[data-theme="dark"] {
  --bg:      #09090B; --bg2:    #111113; --bg3:     #18181B; --bg4:    #1C1C1F;
  --line:    rgba(255,255,255,0.07); --line2: rgba(255,255,255,0.13);
  --tx:      #FAFAFA; --tx2:   #A1A1AA; --tx3:     #52525B;
  --card:    #111113; --cardhov:#15151A; --side:    #0D0D10; --glass:  rgba(9,9,11,0.90);
  --sh:      0 1px 3px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.3);
  --sh-hov:  0 4px 12px rgba(0,0,0,.6),0 12px 32px rgba(0,0,0,.4);
  --sh-card: none;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth }
body {
  font-family:var(--font);
  background:var(--bg);
  color:var(--tx);
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  transition:background .2s,color .2s
}
a { text-decoration:none; color:inherit }
button { font-family:var(--font); cursor:pointer; border:none; background:none }
select,input { font-family:var(--font) }
img { display:block }
:focus-visible { outline:2px solid var(--accent); outline-offset:2px }
::-webkit-scrollbar { width:4px; height:4px }
::-webkit-scrollbar-track { background:transparent }
::-webkit-scrollbar-thumb { background:var(--line2); border-radius:4px }