:root {
  --radius: 10px;
  --radius-sm: 7px;
  --radius-xs: 4px;
}

[data-theme="light"] {
  --bg:        #f5f6fa;
  --bg2:       #ffffff;
  --bg3:       #eef0f6;
  --bg4:       #e6e8f0;
  --border:    #e2e4ef;
  --border2:   #cdd0e0;
  --text:      #0d0e1a;
  --text2:     #5c6080;
  --text3:     #9da0b8;
  --accent:    #2563eb;
  --accent-d:  #1a4fcc;
  --accent-g:  rgba(37,99,235,0.09);
  --live:      #dc2626;
  --live-bg:   rgba(220,38,38,0.07);
  --green:     #16a34a;
  --green-bg:  rgba(22,163,74,0.08);
  --gold:      #b45309;
  --gold-bg:   rgba(180,83,9,0.08);
  --red:       #dc2626;
  --shadow:    0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow2:   0 10px 40px rgba(0,0,0,0.14);
  --hover:     #f7f8fc;
}

[data-theme="dark"] {
  --bg:        #0a0a0f;
  --bg2:       #111118;
  --bg3:       #18181f;
  --bg4:       #1e1e28;
  --border:    #1e1e2c;
  --border2:   #2a2a3c;
  --text:      #ebebf5;
  --text2:     #7a7a9a;
  --text3:     #42425a;
  --accent:    #4f7eff;
  --accent-d:  #2c5aee;
  --accent-g:  rgba(79,126,255,0.12);
  --live:      #ef4444;
  --live-bg:   rgba(239,68,68,0.08);
  --green:     #22c55e;
  --green-bg:  rgba(34,197,94,0.08);
  --gold:      #f59e0b;
  --gold-bg:   rgba(245,158,11,0.08);
  --red:       #ef4444;
  --shadow:    0 1px 4px rgba(0,0,0,0.5);
  --shadow2:   0 10px 40px rgba(0,0,0,0.7);
  --hover:     #13131b;
}