/* Light theme — default */
:root {
  --bg:            #f8f8f8;
  --bg-alt:        #f0f0f0;
  --surface:       #ffffff;
  --surface-hover: #f5f5f5;
  --border:        #e2e2e2;
  --border-sub:    #ebebeb;
  --fg:            #0c0c0c;
  --fg-2:          #525252;
  --fg-m:          #a3a3a3;
  --nav-bg:        rgba(248,248,248,0.86);
  --r-sm:          6px;
  --r:             10px;
  --r-lg:          14px;
}

/* Dark theme */
[data-theme="dark"] {
  --bg:            #0a0a0a;
  --bg-alt:        #111111;
  --surface:       #141414;
  --surface-hover: #1c1c1c;
  --border:        #262626;
  --border-sub:    #1c1c1c;
  --fg:            #efefef;
  --fg-2:          #888888;
  --fg-m:          #4d4d4d;
  --nav-bg:        rgba(10,10,10,0.86);
}