/* styles/theme.css */


:root {
    --color-themecolor1: #202020; /* Background */
    --color-themecolor2: #BEC3C7; /* Text */
    --color-themecolor3: #469FB7; /* Hover */
    --color-themecolor4: #C2E0E3; /* Hover */
    --color-themecolor5: #1C1C1C; 

    /* 
    The primary color reported by voltofy is 009cc4
    But to succeed in the contrast checker (https://contrastchecker.com/) we use a darker version of the color.
    */
    --color-primary: #00546a;
    --color-primary-content: #ffffff;

    --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: #009cc4;
    --color-primary-content: #f6f9fd;

    --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;
  }