/*
 * Runtime theme for this brand: CSS custom properties, authored as CSS.
 *
 * This file is the only source for the theme. When packing the archive the build raises the `:root`
 * selector below to `:root:root`, so these values outrank the framework defaults regardless of load
 * order, and it reads `--color-primary` out for the PWA/browser-chrome colour. Every property the
 * framework declares can be set here — the admin lists them under Branding → theme.
 */

/*
 * Web fonts, as plain CSS. The url() is relative to THIS stylesheet, which the webapp serves from
 * /branding/<id>/assets/css/ — so the browser resolves it to the brand's own fonts directory with
 * no path rewriting by the build (which is what theme.fontFaces used to need).
 */
@font-face {
  font-family: "Dosis";
  src: url("../fonts/dosis/v34/HhyaU5sn9vOmLzloC_U.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Dosis";
  src: url("../fonts/dosis/v34/HhyaU5sn9vOmLzloC_U.woff2") format("woff2");
  font-weight: 600;
}

:root:root {
  --color-primary: rgb(61, 122, 182);
  --color-primary-hover: rgb(220, 60, 34);
  --color-primary-active: rgb(17, 32, 51);
  --color-secondary: rgb(61, 122, 182);
  --color-donation-bar: rgb(61, 122, 182);
  /* Article ribbon (post-type badge) → brand blue instead of the vanilla cyan; shadow = −20% L. */
  --color-ribbon-article: rgb(61, 122, 182);
  --color-ribbon-article-shadow: rgb(35, 71, 106);
  /* Toast + chat colours: the var()-backed half of the old SCSS reassignments ($color-toast-green */
  /* = $color-tertiary-light = headings +30% L; the chat palette on the brand's brown/blue). */
  --color-toast-green: rgb(170, 198, 226);
  --chat-message-bg-me: rgb(234, 200, 166);
  --chat-sidemenu-background-active: rgb(234, 200, 166);
  --chat-message-checkmark-seen: var(--color-primary);
  --chat-message-checkmark: rgb(255, 255, 255);
  --chat-room-color-counter-badge: rgb(255, 255, 255);
  --chat-room-background-counter-badge: var(--color-primary);
  --font-family-heading: "Dosis", Helvetica, Arial, Lucida, sans-serif;
  --font-family-text: "Dosis", Helvetica, Arial, Lucida, sans-serif;
  --color-footer-link: #3d7ab6;
}