/*
  Kombucha theme for the booth: the launch invite's look (01-brand/event-invite-kombucha.webp),
  as on the quiz. Laid over brand/brand.css and css/app.css by the quiz's
    node tools/make-publish.mjs <this booth's folder> --theme kombucha
  once make-publish applies themes to the booth too (see README.md, "Themes").
  The default build never includes this file.

  quiz-theme.css is the quiz's themes/kombucha/brand/theme.css, copied byte for byte: the
  colours (dark brown #643e29, title brown #7f5230, terracotta #aa6a44 for decoration only,
  cream #f4e6d5, card cream #fdf9f2, sand #d4bda3, text #1b1915), "THE FUTURE OF SKINCARE"
  above the logo, and the section titles. Change those there, in the quiz, then copy.

  Below: only what the quiz doesn't have, the camera and the scan.
  Contrast (WCAG, tests/themes.test.mjs): the camera hint 8.0:1 and the checks 5.7:1 on the
  cream veil over a mid-grey picture (7.1:1 and 5.1:1 even over black); the scan's terracotta
  progress 3.7:1 (a graphic, needs 3:1).
*/

@import url("quiz-theme.css");

:root {
  --color-guide: #b39a84;                    /* the oval guide before the face is in place (sand brown) */
  --color-veil: rgba(253, 249, 242, 0.9);    /* card-cream glass around the oval */
  --color-scan: #f4e6d5;                     /* points, lines and light over the camera, in Kombucha cream */
}

/* The scan's progress round the oval matches the question progress bar: terracotta. */
.rim--progress { stroke: var(--color-terracotta); }

/* Hairlines on the reading panel in cream, not white */
.profile-item { border-top-color: rgb(244 230 213 / 0.22); }