:root {
  /* FONDOS */
  --color-background: #1e1a2c;
  --color-surface: #282340;
  --color-surface-hover: #322b50;
  --drawer-background: #1e1a2c;

  /* TEXTOS */
  --color-text: #f7e7e6;
  --color-text-secondary: #9589b3;
  --drawer-text: #f7e7e6;

  /* ACENTOS (no se usan directamente en botones) */
  --color-primary: #ff7edb;
  --color-primary-light: #ffa3e6;
  --color-primary-dark: #cc5ab0;
  --color-secondary: #ff7edb;
  --color-secondary-light: #ffa3e6;

  /* BORDES Y SOMBRAS */
  --color-border: #4a3b6a;
  --color-shadow: rgba(0,0,0,0.5);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #ff7edb;
  --btn-primary-text: #1e1a2c;
  --btn-primary-hover-bg: #cc5ab0;
  --btn-primary-border: #ff7edb;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #ff7edb;
  --btn-secondary-hover-bg: rgba(255,126,219,0.2);
  --btn-secondary-border: #ff7edb;
}