:root {
  --color-background: #1a1a1b;
  --color-surface: #272729;
  --color-surface-hover: #343436;
  --drawer-background: #1a1a1b;

  --color-text: #d7dadc;
  --color-text-secondary: #818384;
  --drawer-text: #d7dadc;

  --color-primary: #ff4500;
  --color-primary-light: #ff6a33;
  --color-primary-dark: #cc3700;
  --color-secondary: #7193ff;
  --color-secondary-light: #94aeff;

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

  --btn-primary-bg: #ff4500;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #cc3700;
  --btn-primary-border: #ff4500;

  --btn-secondary-bg: transparent;
  --btn-secondary-text: #ff4500;
  --btn-secondary-hover-bg: rgba(255,69,0,0.2);
  --btn-secondary-border: #ff4500;
}