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

  --color-text: #e3e3e3;
  --color-text-secondary: #9e9e9e;
  --drawer-text: #e3e3e3;

  --color-primary: #8ab4f8;
  --color-primary-light: #aecbfa;
  --color-primary-dark: #6a9ed6;
  --color-secondary: #f28b82;
  --color-secondary-light: #f5a89e;

  --color-border: #3c3c3c;
  --color-shadow: rgba(0,0,0,0.4);

  --btn-primary-bg: #8ab4f8;
  --btn-primary-text: #1e1e1e;
  --btn-primary-hover-bg: #6a9ed6;
  --btn-primary-border: #8ab4f8;

  --btn-secondary-bg: transparent;
  --btn-secondary-text: #8ab4f8;
  --btn-secondary-hover-bg: rgba(138,180,248,0.2);
  --btn-secondary-border: #8ab4f8;
}