/* styles/theme.css */


:root {
    /* --color-themecolor1: #1E2C33; /* Background old*/
    --color-themecolor1: #202D31; /* Background new from aurelia */

    --color-themecolor2: #BEC3C7; /* Text */
    --color-themecolor3: #F0BE2B; /* Hover */
    --color-themecolor4: #FCEDCB; /* Hover */

    /* --color-themecolor5: #293d40; /*  Background 2 */
    /* --color-themecolor5: #0f1f24;  Background 2 */
    --color-themecolor5: #0f1e23;  /* Background 2 */

    --color-primary: #676e7a;
    --color-primary-light: #60a5fa;
    --color-primary-dark: #2563eb;
    
    --color-secondary: #10b981;
    --color-secondary-light: #34d399;
    --color-secondary-dark: #059669;
  }
  
  /* Dark theme */
  [data-theme="dark"] {
    --color-primary: #60a5fa;
    --color-primary-light: #93c5fd;
    --color-primary-dark: #3b82f6;
    
    --color-secondary: #34d399;
    --color-secondary-light: #6ee7b7;
    --color-secondary-dark: #10b981;
  }

  #site-detail-tabs.htmx-added {
    opacity: 0;
  }
  #site-detail-tabs {
    opacity: 1;
    transition: opacity 1s ease-out;
  }