/* Shared by the BIHUB Website, workspace shell and Keycloak login theme. */
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/be-vietnam-pro-400.woff") format("woff")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/be-vietnam-pro-500.woff") format("woff")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/be-vietnam-pro-600.woff") format("woff")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/be-vietnam-pro-700.woff") format("woff")}

:root {
  --bihub-font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bihub-type-body: .9375rem;
  --bihub-type-small: .8125rem;
  --bihub-type-h1: clamp(1.5rem, 1.25rem + 1vw, 2rem);
  --bihub-type-h2: 1.375rem;
  --bihub-type-h3: 1.125rem;
  --bihub-type-h4: 1rem;
  --bihub-type-h5: .9375rem;
  --bihub-type-h6: .875rem;
  --bihub-leading-heading: 1.28;
  --bihub-leading-subheading: 1.4;
  --bihub-leading-body: 1.6;
  --bihub-leading-control: 1.4;
  --bihub-space-1: .25rem;
  --bihub-space-2: .5rem;
  --bihub-space-3: .75rem;
  --bihub-space-4: 1rem;
  --bihub-space-5: 1.25rem;
  --bihub-space-6: 1.5rem;
  --bihub-space-8: 2rem;
  --bihub-page-gutter: clamp(1rem, 3vw, 2rem);
  --bihub-control-size: 2.75rem;
  --bihub-control-radius: .5rem;
}

:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) {
  font: 400 var(--bihub-type-body)/var(--bihub-leading-body) var(--bihub-font-family);
}
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) :is(h1,h2,h3,h4,h5,h6) {
  margin-block: 0 var(--bihub-space-2);
  font-family: var(--bihub-font-family);
  font-weight: 700;
  line-height: var(--bihub-leading-heading);
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) h1 { font-size: var(--bihub-type-h1); }
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) h2 { font-size: var(--bihub-type-h2); }
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) h3 { font-size: var(--bihub-type-h3); }
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) :is(h4,h5,h6) {
  font-weight: 600;
  line-height: var(--bihub-leading-subheading);
  letter-spacing: normal;
}
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) h4 { font-size: var(--bihub-type-h4); }
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) h5 { font-size: var(--bihub-type-h5); }
:is(.bihub-product, .bihub-dialog, .public-page, .login-pf-page, .pf-v5-c-login) h6 { font-size: var(--bihub-type-h6); }

/* Apply color transitions only to the page and its principal surfaces. */
@media (prefers-reduced-motion: no-preference) {
  :is(.public-page, .public-masthead, .public-footer, .public-popover, .office-landing,
      .bihub-product, .product-header, .product-sidebar, .bihub-dialog,
      .account-popover, .preferences-popover, .login-pf-page .card-pf, .pf-v5-c-login__main) {
    transition: background-color .16s ease, color .16s ease, border-color .16s ease;
  }
}