/*
 * Respect Webflow theme for the pcc-* components.
 *
 * Maps the Respect site's Webflow Variables onto the package's --pcc-*
 * tokens, so a change to a Variable in the Webflow Designer reaches the
 * components without a package release. Every Variable reference carries a
 * literal fallback: without one, a renamed Variable would leave the token
 * unset instead of falling back to a value.
 *
 * Load it unlayered, after nothing in particular: in Webflow, a <link> in
 * Page Settings → Custom Code → Head Code. The package's own defaults sit in
 * @layer pcc.defaults, so this file wins over them regardless of order.
 *
 * Only the departures from the package defaults are listed. The on-colours
 * are white to match the site's own buttons; the package defaults use dark
 * text, which is the accessible choice for these light fills.
 */
:root {
  --pcc-color-brand: var(--colors--respect-pink, #ff6699);
  --pcc-color-accent: var(--colors--suite-blue, #6699ff);
  --pcc-color-primary: var(--colors--suite-blue, #6699ff);
  --pcc-color-accent-subtle: var(--colors--alice-blue, #eff5ff);
  --pcc-color-warning: var(--colors--yellow, #f7ab05);
  --pcc-color-on-brand: #ffffff;
  --pcc-color-on-accent: #ffffff;
  --pcc-color-on-primary: #ffffff;
  --pcc-color-text: var(--chocolate, #35271d);
  --pcc-color-background-alt: var(--colors--alice-blue, #eff5ff);
  --pcc-color-background-header: var(--colors--alice-blue, #eff5ff);

  --pcc-font-family: Figtree, system-ui, sans-serif;
  --pcc-font-size-md: 14px;
  --pcc-line-height: 20px;
}

/* On the Suite dashboard the chart sits inside a Webflow widget card already. */
pcc-risk-profile {
  --pcc-risk-profile-card-border-width: 0;
  --pcc-risk-profile-card-shadow: none;
  --pcc-risk-profile-card-padding: 0;
}