/* VTS Design System — Base reset & document defaults.
   Applies the FS PF BeauSans Pro family (Roboto fallback) and the
   PrimeOne 14px base to the document. */

/* PrimeIcons — used by every component for glyphs */
@import url('https://cdn.jsdelivr.net/npm/primeicons@7.0.0/primeicons.css');

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  color-scheme: light;
}

.p-dark {
  color-scheme: dark;
}

body {
  margin: 0;
  font-family: var(--p-font-family);
  font-size: var(--p-app-font-size);
  line-height: var(--p-line-height-normal);
  color: var(--p-text-color);
  background: var(--p-surface-50);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:focus-visible {
  outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
  outline-offset: var(--p-focus-ring-offset);
}