:root {
  --color-background: #1e1e1e;
  --color-surface: #2b2b2b;
  --color-surface-hover: #3a3a3a;
  --drawer-background: #1e1e1e;

  --color-text: #e5e5e5;
  --color-text-secondary: #a0a0a0;
  --drawer-text: #e5e5e5;

  --color-primary: #0a84ff;
  --color-primary-light: #5a9eff;
  --color-primary-dark: #0066cc;
  --color-secondary: #0a84ff;
  --color-secondary-light: #5a9eff;

  --color-border: #3a3a3a;
  --color-shadow: rgba(0,0,0,0.5);

  --btn-primary-bg: #0a84ff;
  --btn-primary-text: #1e1e1e;
  --btn-primary-hover-bg: #0066cc;
  --btn-primary-border: #0a84ff;

  --btn-secondary-bg: transparent;
  --btn-secondary-text: #0a84ff;
  --btn-secondary-hover-bg: rgba(10,132,255,0.2);
  --btn-secondary-border: #0a84ff;
}