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

:root {
  /* Light theme */
  --color-primary: #000000;
  --color-secondary: #333333;
  --color-background: #FAFAFA;
  --color-surface: #F7F7DE;
  --color-text: #000000;
  --color-text-secondary: #3E4314;
  --color-border: #B6B988;
  --color-link: #8F8A05;
  --color-link-hover: #C7C000;
  --color-menu-hover: #000000;
  --color-menu-hover-text: #FFFFFF;
  
  /* Logo */
  --logo-height: 50px;
  
  /* Menu */
  --menu-hover-style: underline;
  --menu-hover-animation: true;
}

[data-theme="dark"] {
  /* Dark theme */
  --color-primary: #EEFF00;
  --color-secondary: #CCCCCC;
  --color-background: #121212;
  --color-surface: #464710;
  --color-text: #FFFFFF;
  --color-text-secondary: #AAAAAA;
  --color-border: #333333;
  --color-link: #F9F001;
  --color-link-hover: #919400;
  --color-menu-hover: #FFEA00;
  --color-menu-hover-text: #FFDD00;
}

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