/* styles/theme.css — Watt Analytics (brandbook V1, Sept 2025) */
/* Brand colors: GROWTH #e0fc15, VISION #96c2ff, STABILITY #000, TRANSPARENCY #fff */

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

:root {
    --color-themecolor1: #1a1a1a; /* Main background — STABILITY-inspired near-black */
    --color-themecolor2: #e0e0e0; /* Text — bright, close to TRANSPARENCY */
    --color-themecolor3: #96c2ff; /* Accent / hover — VISION */
    --color-themecolor4: #c2dbff; /* Secondary accent — VISION light */
    --color-themecolor5: #111111; /* Secondary background — darker panel */

    --color-primary: #676e7a;
    --color-primary-light: #96c2ff;
    --color-primary-dark: #6b9fd4;

    --color-secondary: #10b981;
    --color-secondary-light: #34d399;
    --color-secondary-dark: #059669;

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

  /* Dark theme */
  [data-theme="dark"] {
    --color-primary: #96c2ff;
    --color-primary-light: #b8d4ff;
    --color-primary-dark: #6b9fd4;

    --color-secondary: #34d399;
    --color-secondary-light: #6ee7b7;
    --color-secondary-dark: #10b981;
  }

  /* Login page — green-to-blue gradient per brandbook */
  #login-hero {
    background: linear-gradient(135deg, #96c2ff 0%, #4a8ad4 100%) !important;
    background-image: none !important;
  }

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