:root {
  /* Catppuccin Mocha: A soothing pastel dark theme */
  --color-background: #1e1e2e;
  --color-surface: #181825;
  --color-surface-hover: #313244;

  --color-text: #cdd6f4;
  --color-text-secondary: #a6adc8;

  --color-primary: #89b4fa;         /* Blue */
  --color-primary-light: #a9c9fb;
  --color-primary-dark: #6e9ae0;
  --color-secondary: #f5c2e7;       /* Pink */
  --color-secondary-light: #f8d4ed;

  --color-border: #45475a;
  --color-shadow: rgba(0, 0, 0, 0.3);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #89b4fa;
  --btn-primary-text: #1e1e2e;
  --btn-primary-hover-bg: #6e9ae0;
  --btn-primary-border: #89b4fa;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #89b4fa;
  --btn-secondary-hover-bg: rgba(137,180,250,0.2);
  --btn-secondary-border: #89b4fa;

  --drawer-background: #1e1e2e;
  --drawer-text: #cdd6f4;
}