/* ============================================================
   eh_theme.css — Echoes Hub color theme (Steel Blue)
   Change colors here only. Pages reference these variables.
   The site header/nav is NOT themed from this file.
   ============================================================ */
:root {
  --eh-accent:        #5b9bd5;   /* main accent: labels, numbers, highlights */
  --eh-accent-rgb:    91,155,213;
  --eh-accent-2:      #6fa9dd;   /* accent hover */
  --eh-accent-soft:   #a9c9ea;   /* headings, pills, table headers */
  --eh-light:         #dbe8f5;   /* bright text on dark / button text */
  --eh-lighter:       #eef5fc;
  --eh-text:          #c9d3df;   /* body text */
  --eh-text-2:        #d5dde8;
  --eh-muted:         #9aa8b8;   /* secondary text */
  --eh-muted-2:       #6b7a8c;
  --eh-dim:           #566273;
  --eh-btn:           #1e3a5f;   /* button background */
  --eh-btn-hover:     #264a78;
  --eh-btn-rgb:       30,58,95;
  --eh-border:        #2f5a8a;   /* button / control border */
  --eh-input-bg:      #0b121b;
  --eh-input-border:  #24374f;
  --eh-panel-rgb:     17,27,40;  /* panels */
  --eh-panel-2-rgb:   10,16,24;
  --eh-header-rgb:    26,45,69;  /* table header rows */
  --eh-row-even-rgb:  20,33,51;
  --eh-row-odd-rgb:   15,24,36;
  --eh-deep-rgb:      6,10,16;
}

/* Page background behind everything (replaces the old #232323 gray).
   Light mode overrides this in theme-light.css. */
html body { background-color: #070C13; }


/* Page subtitles under the main title: readable size (dark mode; light mode in theme-light.css) */
html body #portal-container .about-hero .tagline,
html body #portal-container .privacy-hero .tagline,
html body #portal-container .terms-hero .tagline,
html body #portal-container .disclaimer-hero .tagline,
html body #portal-container .eh-artist-hero .tagline,
html body #portal-container .recordings-search-header > p,
html body #portal-container .eh-signup-intro .eh-story-lede {
  font-size: 19px !important;
  line-height: 1.5 !important;
  color: #dbe8f5 !important;
}

/* Header logo: about 10% bigger (keeps its proportions) */
.eh-logo img {
  transform: scale(1.0);
  transform-origin: left center;
}