:root {
  --color-primary: #74b9ff;
  --color-primary-light: #9acdff;
  --color-primary-dark: #5393cc;
  --color-secondary: #0984e3;
  --color-secondary-light: #4a9ae5;
  --color-background: #f5f5f5;
  --color-surface: #ffffff;
  --color-surface-hover: #f0f0f0;
  --color-text: #212121;
  --color-text-secondary: #757575;
  --color-border: #e0e0e0;
  --color-shadow: rgba(0,0,0,0.1);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #74b9ff;
  --btn-primary-text: #f5f5f5;
  --btn-primary-hover-bg: #5393cc;
  --btn-primary-border: #74b9ff;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #74b9ff;
  --btn-secondary-hover-bg: rgba(116,185,255,0.15);
  --btn-secondary-border: #74b9ff;

  --drawer-background: #ffffff;
  --drawer-text: #212121;
}