:root {
  /* --- FONDOS --- */
  --color-background: #ffffff;
  --color-surface: #fcfcfc;
  --color-surface-hover: #e8e8e8;

  /* --- TEXTO --- */
  --color-text: #000000;
  --color-text-secondary: #222222;

  /* --- ACCENT / BORDES --- */
  --color-primary: #000000;
  --color-primary-light: #333333;
  --color-primary-dark: #000000;
  --color-secondary: #000000;
  --color-secondary-light: #444444;
  --color-border: #000000;
  --color-shadow: rgba(0, 0, 0, 0.2);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #000000;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #333333;
  --btn-primary-border: #000000;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #000000;
  --btn-secondary-hover-bg: rgba(0,0,0,0.15);
  --btn-secondary-border: #000000;

  /* --- DRAWER --- */
  --drawer-background: #ffffff;
  --drawer-text: #000000;
}