:root {
  /* One Dark Pro: Inspired by Atom's popular theme */
  --color-background: #282c34;
  --color-surface: #21252b;
  --color-surface-hover: #2c313a;

  --color-text: #abb2bf;
  --color-text-secondary: #5c6370;

  --color-primary: #61afef;         /* Blue */
  --color-primary-light: #8bc8f5;
  --color-primary-dark: #4d97c9;
  --color-secondary: #e06c75;       /* Red */
  --color-secondary-light: #e98a91;

  --color-border: #3e4451;
  --color-shadow: rgba(0, 0, 0, 0.3);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #61afef;
  --btn-primary-text: #282c34;
  --btn-primary-hover-bg: #4d97c9;
  --btn-primary-border: #61afef;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #61afef;
  --btn-secondary-hover-bg: rgba(97,175,239,0.2);
  --btn-secondary-border: #61afef;

  --drawer-background: #282c34;
  --drawer-text: #abb2bf;
}