/* styles/theme.css */


:root {
    /* --color-themecolor1: #1E2C33;  Background */
    --color-themecolor1: #32645f ; /* Background */
    /* --color-themecolor2: #BEC3C7;  Text */
    --color-themecolor2: #dee0e2; /* Text */
    --color-themecolor3: #ffc700; /* Hover */
    --color-themecolor4: #f5e1ad; /* Hover */  

    /* --color-themecolor5: #0f1f24;  /* Background 2 */
     --color-themecolor5: #183b37;  /* 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;
  }