:root {
  --color-primary-dark: #03252E;
  --color-primary: #073642;
  --color-primary-light: #0A5365;
  
  --color-secondary: #d33682;
  --color-secondary-light: #e88ab0;
  
  --color-background: #002b36;
  --color-surface: #073642;
  --color-surface-hover: rgba(0,0,0,0.32);
  --drawer-background: #073642;
  
  --color-text: #839496;
  --color-text-secondary: #586e75;
  --drawer-text: #839496;
  
  --color-border: #073642;
  --color-shadow: rgba(0,0,0,0.5);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #073642;
  --btn-primary-text: #839496;
  --btn-primary-hover-bg: #03252E;
  --btn-primary-border: #073642;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #073642;
  --btn-secondary-hover-bg: rgba(7,54,66,0.2);
  --btn-secondary-border: #073642;
}