/* ==========================================================================
   Base Styles
   ========================================================================== */

*,
*::before,
*::after {
  background-clip: padding-box;
}

html {
  background-color: var(--np-color-surface);
}

body {
  font-family: var(--font-primary);
  font-size: var(--text-normal-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-normal-line-height);
  color: var(--np-color-on-surface);
  background-color: var(--np-color-surface);
}

/* Icons - Material Symbols defaults */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  font-size: var(--size-icon-md);
}