/*
	font copied to source/assets/fonts/roboto-variable-normal.woff2
	from node_modules/@fontsource-variable/roboto/files/roboto-latin-wdth-normal.woff2
*/
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 100%;
  src: url("../fonts/roboto-variable-normal.woff2") format("woff2-variations");
  font-display: swap; }

/*
	font copied to source/assets/fonts/roboto-variable-italic.woff2
	from node_modules/@fontsource-variable/roboto/files/roboto-latin-wdth-italic.woff2
*/
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 75% 100%;
  src: url("../fonts/roboto-variable-italic.woff2") format("woff2-variations");
  font-display: swap; }

:root,
:host {
  --jbm-color-blue: #213857;
  --jbm-color-blue-light: #4b83c8;
  --jbm-color-white: #fff;
  --jbm-color-gray: #d1d1d1;
  --jbm-color-gray-light: #f3f3f3;
  --jbm-color-yellow: #f7d107;
  --jbm-font-family-base: "Roboto";
  --jbm-border-radius: 4px;
  --jbm-transition: 0.1s ease-in-out;
  font-family: var(--jbm-font-family-base); }

a {
  font-weight: bold;
  color: inherit; }
  a:is(:hover, :focus-visible) {
    color: var(--jbm-color-blue-light); }