/* Reset + theme tokens.
   Load this file first — every other stylesheet depends on these custom properties. */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

[data-theme="dark"] {
  --bg-body: #070A0F;
  --bg-base: #0D1117;
  --bg-surface: #161B22;
  --bg-raised: #1C2128;
  --bg-chrome: #161B22;
  --border: #21262D;
  --border-subtle: #1C2128;
  --text-primary: #E6EDF3;
  --text-secondary: #C9D1D9;
  --text-muted: #8B949E;
  --text-faint: #6E7681;
  --accent: #8B5CF6;
  --accent-dim: rgba(139, 92, 246, 0.12);
  --accent-border: rgba(139, 92, 246, 0.25);
  --accent-text: #A78BFA;
  --green: #3FB950;
  --green-dim: rgba(63, 185, 80, 0.08);
  --green-border: rgba(63, 185, 80, 0.2);
  --blue: #58A6FF;
  --blue-dim: rgba(88, 166, 255, 0.08);
  --blue-border: rgba(88, 166, 255, 0.2);
  --grid-color: rgba(139, 92, 246, 0.03);
  --sidebar-bg: #0D1117;
  --toggle-bg: #21262D;
  --toggle-border: #30363D;
  --toggle-icon: #8B949E;
  --tab-inactive: #161B22;
  --tab-itext: #8B949E;
  --tab-active: #0D1117;
  --tab-atext: #E6EDF3;
}

[data-theme="light"] {
  --bg-body: #F0F2F5;
  --bg-base: #FFFFFF;
  --bg-surface: #F6F8FA;
  --bg-raised: #F0F2F5;
  --bg-chrome: #F6F8FA;
  --border: #D0D7DE;
  --border-subtle: #E8EAED;
  --text-primary: #1F2328;
  --text-secondary: #24292F;
  --text-muted: #57606A;
  --text-faint: #8C959F;
  --accent: #6E40C9;
  --accent-dim: rgba(110, 64, 201, 0.07);
  --accent-border: rgba(110, 64, 201, 0.2);
  --accent-text: #6E40C9;
  --green: #1A7F37;
  --green-dim: rgba(26, 127, 55, 0.07);
  --green-border: rgba(26, 127, 55, 0.2);
  --blue: #0969DA;
  --blue-dim: rgba(9, 105, 218, 0.07);
  --blue-border: rgba(9, 105, 218, 0.2);
  --grid-color: rgba(110, 64, 201, 0.025);
  --sidebar-bg: #F6F8FA;
  --toggle-bg: #F0F2F5;
  --toggle-border: #D0D7DE;
  --toggle-icon: #57606A;
  --tab-inactive: #F6F8FA;
  --tab-itext: #57606A;
  --tab-active: #FFFFFF;
  --tab-atext: #1F2328;
}