// stylelint-disable property-no-vendor-prefix
:root {
  font-size: 16px;
  height: 100%;

  --#{$variable-prefix}card-bg: #{$card-bg};
  --#{$variable-prefix}card-bg-rgb: #{to-rgb($card-bg)};

  --#{$variable-prefix}border-color: #{$border-color};
  --#{$variable-prefix}border-color-rgb: #{to-rgb($border-color)};

  --#{$variable-prefix}border-color-light: #{$border-color-light};
  --#{$variable-prefix}border-color-light-rgb: #{to-rgb($border-color-light)};
}

body {
  overflow-y: scroll;
  letter-spacing: $body-letter-spacing;
  touch-action: manipulation;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 0;
  position: relative;
  min-height: 100%;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  @media print {
    background: transparent;
  }
}

@include scrollbar;

//
// Fluid container
//
[data-container-layout="fluid"] {
  [class^="container-"],
  [class*=" container-"] {
    max-width: 100%;
  }
}