/* styles/theme.css — Salzstrom */
/* Brand colors: PRIMARY #05B7B7, STABILITY #000000, TRANSPARENCY #ffffff */
/* Rule: black background, white text, primary #05B7B7 */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap');

:root {
    --color-themecolor1: #000000; /* Main background — black */
    --color-themecolor2: #ffffff; /* Text — white */
    --color-themecolor3: #05B7B7; /* Accent / hover — PRIMARY */
    --color-themecolor4: #2dd4d4; /* Secondary accent — primary light */
    --color-themecolor5: #0a0a0a; /* Secondary background — near-black panel */

    --color-primary: #05B7B7;
    --color-primary-light: #2dd4d4;
    --color-primary-dark: #048f8f;

    --color-secondary: #05B7B7;
    --color-secondary-light: #2dd4d4;
    --color-secondary-dark: #048f8f;

    font-family: 'Manrope', sans-serif;
  }

  /* Dark theme */
  [data-theme="dark"] {
    --color-primary: #05B7B7;
    --color-primary-light: #2dd4d4;
    --color-primary-dark: #048f8f;

    --color-secondary: #05B7B7;
    --color-secondary-light: #2dd4d4;
    --color-secondary-dark: #048f8f;
  }

  /* Login page — primary teal gradient on black */
  #login-hero {
    background: linear-gradient(135deg, #05B7B7 0%, #048f8f 100%) !important;
    background-image: none !important;
  }

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