/* The Panache look: the Price Book's own palette and type (app-price-book, server/page.html),
   value for value, and its dark mode the same way (prefers-color-scheme). Every colour the layout
   uses is a variable here; public/portal.css names none. Another client's look is another folder
   beside this one with the same variable names. */
:root {
  /* the Price Book's variables, exactly */
  --bg: #f8f7fc; --card: #fff; --ink: #1e1b2e; --muted: #6b6880; --line: #e7e2f3;
  --acc: #6D28D9; --acc-soft: #F3EEFD; --sel: #F3EEFD; --band: #f5f5f8; --thbg: #2e2a40; --think: #fff;
  /* the type: the Price Book's stack and body size */
  --font: "Segoe UI", system-ui, sans-serif;
  --font-size: 15px;
  /* the portal's own, derived from them */
  --sidebar: var(--card);
  --topbar: var(--card);
  --wordmark: var(--ink);
  --wordmark-accent: var(--acc);
  --heading: var(--acc);
  --nav-active-bg: var(--acc-soft);
  --nav-active-ink: var(--acc);
  --tile-shadow: 0 1px 2px rgba(30, 27, 46, .06), 0 2px 8px rgba(30, 27, 46, .06);
  --tile-shadow-hover: 0 0 0 2px var(--acc), 0 8px 20px rgba(30, 27, 46, .10);
  --menu-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  --logo-plate: transparent;
  --avatar-bg: var(--acc);
  --avatar-ink: #fff;
  --banner-bg: var(--thbg);
  --banner-ink: var(--think);
  --disabled-bg: var(--band);
  --disabled-ink: var(--muted);
}
@media (prefers-color-scheme: dark) {
  :root {
    /* the Price Book's dark set, exactly */
    --bg: #14171d; --card: #1c2029; --ink: #e9e6df; --muted: #98a1b3; --line: #2c3240;
    --sel: #2a2140; --acc: #a78bfa; --acc-soft: #2a2140; --band: #232733; --thbg: #0e1015; --think: #e9e6df;
    --tile-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .25);
    --tile-shadow-hover: 0 0 0 2px var(--acc), 0 8px 20px rgba(0, 0, 0, .40);
    /* outside tools' logos are drawn for a light page: they sit on a light plate in the dark */
    --logo-plate: #f8f7fc;
    --avatar-ink: #14171d;
  }
}