/* ============================================================
   THEME VARIABLES
   ============================================================ */

:root, [data-theme="dark"] {
  --bg:        #0d1117;
  --bg2:       #161b22;
  --bg3:       #1c2128;
  --surface:   #21262d;
  --surface2:  #30363d;
  --border:    rgba(255,255,255,0.08);
  --border2:   rgba(255,255,255,0.15);

  --text:      #e6edf3;
  --text2:     #8b949e;
  --text3:     #484f58;

  --accent:    #388bfd;
  --accent2:   #1f6feb;
  --accent-bg: rgba(56,139,253,0.1);

  --green:     #3fb950;
  --green-bg:  rgba(63,185,80,0.1);
  --amber:     #d29922;
  --amber-bg:  rgba(210,153,34,0.1);
  --red:       #f85149;
  --red-bg:    rgba(248,81,73,0.1);
  --purple:    #bc8cff;
  --purple-bg: rgba(188,140,255,0.1);
  --teal:      #39d353;

  --sidebar-w: 220px;
  --header-h:  56px;
  --r:         10px;
  --r2:        6px;
  --r3:        4px;

  --shadow:    0 1px 3px rgba(0,0,0,0.3);
  --shadow2:   0 4px 16px rgba(0,0,0,0.4);
}

[data-theme="light"] {
  --bg:        #f6f8fa;
  --bg2:       #ffffff;
  --bg3:       #f0f2f5;
  --surface:   #f6f8fa;
  --surface2:  #eaeef2;
  --border:    rgba(0,0,0,0.08);
  --border2:   rgba(0,0,0,0.15);

  --text:      #1f2328;
  --text2:     #656d76;
  --text3:     #9198a1;

  --accent:    #0969da;
  --accent2:   #0550ae;
  --accent-bg: rgba(9,105,218,0.08);

  --green:     #1a7f37;
  --green-bg:  rgba(26,127,55,0.08);
  --amber:     #9a6700;
  --amber-bg:  rgba(154,103,0,0.08);
  --red:       #cf222e;
  --red-bg:    rgba(207,34,46,0.08);
  --purple:    #8250df;
  --purple-bg: rgba(130,80,223,0.08);

  --shadow:    0 1px 3px rgba(0,0,0,0.1);
  --shadow2:   0 4px 16px rgba(0,0,0,0.12);
}