/* BioAcoustica's own stylesheet. It loads after the corpus base (css/style.css, from
   cdn.audioblast.org), so its rules win. The base is neutral: every colour it uses is a
   variable, and this file sets them to BioAcoustica's look. */

:root {
  /* Pale ground and cards */
  --bg: #fafcfa;
  --bg2: #f0f5f0;
  --bg3: #e8f0e8;
  --surface: #ffffff;
  --surface2: #f5f9f5;

  /* Green accents */
  --accent: #52b788;
  --accent2: #40916c;
  --accent-dim: rgba(82, 183, 136, 0.12);
  --accent-dim2: rgba(82, 183, 136, 0.06);
  --on-accent: #ffffff;

  /* Text, from strongest to muted */
  --text: #1a1a2e;
  --text2: #555b6e;
  --text3: #6c727c;

  /* Green lines */
  --border: rgba(82, 183, 136, 0.25);
  --border2: rgba(82, 183, 136, 0.12);

  /* Red for errors, amber for notes */
  --red: #c0392b;
  --amber: #b7791f;

  /* The base's other colours */
  --header-bg: rgba(250, 252, 250, 0.95);
  --note-bg: rgba(212, 168, 75, 0.08);
  --note-border: rgba(212, 168, 75, 0.25);
  --error-bg: rgba(224, 96, 96, 0.05);
  --error-border: rgba(224, 96, 96, 0.2);
  --tag-taxon-border: rgba(92, 219, 110, 0.2);
  --tag-type-border: rgba(212, 168, 75, 0.2);
  --tag-type-bg: rgba(212, 168, 75, 0.06);
  --axis-border: rgba(82, 183, 136, 0.35);
  --label-text: #1a1a2e;
  --label-bg: rgba(250, 252, 250, 0.88);
  --label-border: rgba(0, 0, 0, 0.1);
  --dot-ring: #ffffff;
  --play-icon-on-accent: #0a0f0d;
}