:root {
  /* FONDOS */
  --color-background: #011627;
  --color-surface: #011b2b;
  --color-surface-hover: #0a2a3f;
  --drawer-background: #011627;

  /* TEXTOS */
  --color-text: #d6deeb;
  --color-text-secondary: #7f8c9b;
  --drawer-text: #d6deeb;

  /* ACENTOS (no se usan directamente en botones) */
  --color-primary: #82aaff;
  --color-primary-light: #a8c5ff;
  --color-primary-dark: #5a7fcc;
  --color-secondary: #82aaff;
  --color-secondary-light: #a8c5ff;

  /* BORDES Y SOMBRAS */
  --color-border: #2a3b4d;
  --color-shadow: rgba(0,0,0,0.4);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #82aaff;
  --btn-primary-text: #011627;
  --btn-primary-hover-bg: #5a7fcc;
  --btn-primary-border: #82aaff;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #82aaff;
  --btn-secondary-hover-bg: rgba(130,170,255,0.15);
  --btn-secondary-border: #82aaff;
}