:root {
  /* cyakula: A Dracula fork with Cyan replacing Purple and darker backgrounds */
  --color-background: #1a1a24;
  --color-surface: #242433;
  --color-surface-hover: #2e2e42;

  --color-text: #e0e0e0;
  --color-text-secondary: #6272a4;

  --color-primary: #00ffff;         /* Cyan */
  --color-primary-light: #66ffff;
  --color-primary-dark: #00cccc;
  --color-secondary: #ff79c6;       /* Pink */
  --color-secondary-light: #ff9bdb;

  --color-border: #3d3d5c;
  --color-shadow: rgba(0, 0, 0, 0.5);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #00ffff;
  --btn-primary-text: #1a1a24;
  --btn-primary-hover-bg: #00cccc;
  --btn-primary-border: #00ffff;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #00ffff;
  --btn-secondary-hover-bg: rgba(0,255,255,0.2);
  --btn-secondary-border: #00ffff;

  --drawer-background: #1a1a24;
  --drawer-text: #e0e0e0;
}