/**
 * Bootstrap Italia name collisions — temporary compatibility layer.
 *
 * Style Dictionary emits the Sass tokens WITHOUT a namespace, so a number of
 * generated variable names collide with Bootstrap Italia's own. For most of
 * them BI declares `!default` and our value wins, which is how the theme is
 * themed at all. For the seven below BI declares them WITHOUT `!default`
 * (node_modules/bootstrap-italia/src/scss/base/_variables.scss ~line 429), so
 * in the Sass build BI's value silently overrides the design token.
 *
 * That is why some hover states currently render Bootstrap Italia blue instead
 * of the brand colour — e.g. `.accordion-button:hover` and
 * `.nav-tabs .nav-link:hover` compile to hsl(210,100%,30%), while
 * `.modular-content .accordion-button:hover`, whose token name does not
 * collide, correctly renders #05a1b9.
 *
 * This file reproduces that outcome exactly, so porting the custom Sass layer
 * to CSS changed nothing visually. It loads after css/tokens.css and shadows
 * the generated values.
 *
 * DELETE a line to adopt the design-token value for that property. Deleting
 * the whole file adopts all seven. See docs/css-tokens-restructure-plan.md.
 */
:root {
  /* BI: color-blue-30              token: #068ea3 (brand primary hover) */
  --pt-color-text-primary-hover: hsl(210, 100%, 30%);
  /* BI: color-blue-15              token: #006d7d (brand primary active) */
  --pt-color-text-primary-active: hsl(210, 100%, 15%);
  /* BI: color-slate-28             token: #ff6e26 (brand secondary/orange) */
  --pt-color-text-secondary: hsl(210, 33%, 28%);
  /* BI: $primary                   token: #05a1b9 (brand primary) */
  --pt-icon-primary: hsl(210, 100%, 40%);
  /* BI: color-slate-44             token: #737373 */
  --pt-color-text-muted: hsl(210, 17%, 44%);
  /* BI: $gray-900                  token: #262626 */
  --pt-color-text-base: hsl(0, 0%, 10%);
  /* BI: $gray-100                  token: #a3a3a3 */
  --pt-color-background-muted: hsl(0, 0%, 96%);
}