/* CSS Dinámico generado desde la configuración */

:root {
  /* Light theme */
  --color-primary: #000000;
  --color-secondary: #333333;
  --color-background: #ffffff;
  --color-surface: #f5f5f5;
  --color-text: #000000;
  --color-text-secondary: #666666;
  --color-border: #e0e0e0;
  --color-link: #0066cc;
  --color-link-hover: #0052a3;
  --color-menu-hover: #000000;
  --color-menu-hover-text: #ffffff;
  
  /* Logo */
  --logo-height: 50px;
  
  /* Menu */
  --menu-hover-style: box;
  --menu-hover-animation: true;
}

[data-theme="dark"] {
  /* Dark theme */
  --color-primary: #ffffff;
  --color-secondary: #cccccc;
  --color-background: #121212;
  --color-surface: #1e1e1e;
  --color-text: #ffffff;
  --color-text-secondary: #aaaaaa;
  --color-border: #333333;
  --color-link: #4da6ff;
  --color-link-hover: #66b3ff;
  --color-menu-hover: #ffffff;
  --color-menu-hover-text: #000000;
}

/* Logo height */
.site-logo img,
.site-logo-img {
  height: var(--logo-height);
  width: auto;
}