:root {
  --color-primary: #586e75;
  --color-primary-light: #657b83;
  --color-primary-dark: #073642;
  --color-secondary: #d33682;
  --color-secondary-light: #e88ab0;
  --color-background: #fdf6e3;
  --color-surface: #eee8d5;
  --color-surface-hover: #e0d8c5;
  --color-text: #073642;
  --color-text-secondary: #586e75;
  --color-border: #93a1a1;
  --color-shadow: rgba(7,54,66,0.1);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #586e75;
  --btn-primary-text: #fdf6e3;
  --btn-primary-hover-bg: #073642;
  --btn-primary-border: #586e75;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #586e75;
  --btn-secondary-hover-bg: rgba(88,110,117,0.15);
  --btn-secondary-border: #586e75;
  --drawer-background: #fdf6e3;
  --drawer-text: #073642;
}