/*
  Tree page theme variables
  - Switch by setting body class
    - .theme-kaoru
    - .theme-setouti
*/

:root {
  /* pages */
  --kaoru-page-bg: #B10F41;
  --setouti-page-bg: #331f99; /* requested */
  /* top */
  --top-bg: #03260F;
}

body.tree-page.theme-kaoru {
  --page-bg: var(--kaoru-page-bg);
  --index-curtain-bg: var(--kaoru-page-bg);
  --stage-bg-image: url("../material/img/k_bg.webp");
  /* waves (default gold) */
  --wave-1: rgba(212, 175, 55, 0.35);
  --wave-2: rgba(212, 175, 55, 0.25);
  --wave-3: rgba(212, 175, 55, 0.18);
  --wave-4: rgba(212, 175, 55, 0.45);
}

body.tree-page.theme-setouti {
  --page-bg: var(--setouti-page-bg);
  --index-curtain-bg: var(--setouti-page-bg);
  --stage-bg-image: url("../material/img/s_bg.webp");
  /* waves: keep same palette for now */
  --wave-1: rgba(212, 175, 55, 0.35);
  --wave-2: rgba(212, 175, 55, 0.25);
  --wave-3: rgba(212, 175, 55, 0.18);
  --wave-4: rgba(212, 175, 55, 0.45);
}