/*
 * /vendor's own, and only its own.
 *
 * The shell this page is drawn in - the sidebar, the top bar, buttons, fields,
 * cards, motion - is lib/shell.css, shared with /admin, /console and /door
 * since they were asked to look like this one. The palette is lib/theme.css,
 * shared for a different reason: the theme is a per-person setting (Customize,
 * lib/appearance.js) and four copies of it could not stay in step.
 *
 * What is left here is the handful of names /vendor's own modules set and read
 * inline. The sections' rules live beside their modules: vendor-page/dash.css
 * (the dashboard, insights, share, the poster studio), place.css (the status
 * card, listing, events, reports, sponsored, billing) and auth.css (sign-in
 * and claim).
 */

/* Registered so a state change fades the instrument's colour, not snaps it. */
@property --v-sc {
  syntax: '<color>';
  inherits: true;
  initial-value: #8b8f98;
}

/*
 * The names this page's modules write inline (state.js, feed.js, object.js).
 *
 * Aliases rather than values, so a status pill and a map pin go on agreeing
 * about what "open" looks like - and so that picking a different accent on the
 * Customize screen does not quietly restyle them. A place that is open is
 * green whatever the tools are set to.
 */
:root {
  --v-open: var(--s-open);
  --v-busy: var(--s-busy);
  --v-sold: var(--s-sold);
  --v-closed: var(--s-closed);
  --v-food: #f06a2c;
  --v-gold: var(--gold);
  --v-text-2: var(--ink-2);
  --v-text-3: var(--ink-3);
}