:root {
  --color-background: #0d1117;
  --color-surface: #161b22;
  --color-surface-hover: #1c2333;
  --drawer-background: #0d1117;

  --color-text: #c9d1d9;
  --color-text-secondary: #8b949e;
  --drawer-text: #c9d1d9;

  --color-primary: #58a6ff;
  --color-primary-light: #79c0ff;
  --color-primary-dark: #3d8bd9;
  --color-secondary: #3fb950;
  --color-secondary-light: #56d364;

  --color-border: #30363d;
  --color-shadow: rgba(0,0,0,0.4);

  --btn-primary-bg: #58a6ff;
  --btn-primary-text: #0d1117;
  --btn-primary-hover-bg: #3d8bd9;
  --btn-primary-border: #58a6ff;

  --btn-secondary-bg: transparent;
  --btn-secondary-text: #58a6ff;
  --btn-secondary-hover-bg: rgba(88,166,255,0.2);
  --btn-secondary-border: #58a6ff;
}