/* Ivy: cream page, gold and silver, set against black. Display: Jost light. Body: Questrial.
   Every theme defines the same tokens; styles.css only ever uses tokens. The optional hero, card and
   heading tokens fall back to the page colours in styles.css, so older themes don't need them. */
:root{
  --paper:#f6f1e9; --card:#fffcf7; --ink:#171615; --mute:#6b665f; --line:#ddd2c0;
  --accent:#a8834c; --accent-soft:#f2e8d6; --on-accent:#171615;
  --heading:#7e6130;
  --hero:#141312; --on-hero:#ece7df; --hero-mute:#b9b5ae; --hero-eyebrow:#c9a66b; --hero-accent:#c9a66b; --logo:#d9d6d0;
  --band:#141312; --on-band:#ece7df; --band-accent:#c9a66b; --band-line:rgba(255,255,255,.14);
  --bubble:#ece4d6; --bubble-ink:#171615;
  --display:"Jost","Futura","Century Gothic","Avenir Next",sans-serif;
  --body:"Questrial","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --display-weight:300; --heading-weight:400;
  --display-tracking:.18em;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0f0e0d; --card:#1b1a18; --ink:#ece7df; --mute:#a8a39b; --line:#34312d;
    --accent:#c9a66b; --accent-soft:#2a2418; --on-accent:#141312;
    --heading:#c9a66b;
    --hero:#000000; --band:#1b1a18;
    --bubble:#26241f; --bubble-ink:#ece7df;
  }
}
:root[data-theme="dark"]{
  --paper:#0f0e0d; --card:#1b1a18; --ink:#ece7df; --mute:#a8a39b; --line:#34312d;
  --accent:#c9a66b; --accent-soft:#2a2418; --on-accent:#141312;
  --heading:#c9a66b;
  --hero:#000000; --band:#1b1a18;
  --bubble:#26241f; --bubble-ink:#ece7df;
}

/* "Welcome to" as a small gold eyebrow, like the staff tools. */
.welcome .hello{font-family:var(--display);font-size:11px;letter-spacing:.28em;text-transform:uppercase}
.welcome .wordmark svg{width:144px}
/* The faded "Pick a drink" bubble needs a little more ink on the cream bubble to stay readable (4.5:1). */
.composer .bubble.empty{opacity:.75}