:root[data-theme="light"] {
  --bg: #ffffff;
  --bg2: #f6f8fa;
  --bg3: rgba(255,255,255,0.96);
  --text: #24292f;
  --text-dim: #656d76;
  --text-bright: #1f2328;
  --border: #d0d7de;
  --border-light: rgba(27, 31, 36, 0.15);
  --accent: #1f7f7f;
  --accent-hover: #166b6b;
  --accent-glow: rgba(31, 127, 127, 0.1);
  --green: #1a7f37;
  --green-bg: #dafbe1;
  --red: #cf222e;
  --red-bg: #ffebe9;
  --orange: #bf6a00;
  --blue: #0550ae;
  --blue-bg: #ddf4ff;
  --cyan: #0969da;
  --shadow: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
}