:root {
  --color-primary: #90caf9;
  --color-primary-light: #e3f2fd;
  --color-primary-dark: #42a5f5;
  --color-secondary: #ce93d8;
  --color-secondary-light: #f3e5f5;
  --color-background: #121212;
  --color-surface: #1e1e1e;
  --color-surface-hover: #2c2c2c;
  --color-text: #ffffff;
  --color-text-secondary: #b0b0b0;
  --color-border: #333333;
  --color-shadow: rgba(0,0,0,0.3);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #90caf9;
  --btn-primary-text: #121212;
  --btn-primary-hover-bg: #42a5f5;
  --btn-primary-border: #90caf9;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #90caf9;
  --btn-secondary-hover-bg: rgba(144,202,249,0.2);
  --btn-secondary-border: #90caf9;
  --drawer-background: #1e1e1e;
  --drawer-text: #ffffff;
}