/*
  Shared base styles (loaded for both desktop + mobile).
  Device-specific layout rules stay in `desktop.css` / `mobile.css`.
*/

@font-face {
  font-family: 'Open Sans';
  src: url('/assets/fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/assets/fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

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

body {
  font-family: 'Open Sans', sans-serif;
  background-color: black;
  background-image: url("/assets/images/layout/background_leather.jpg");
  background-size: cover;
  position: relative;
}

* {
  scrollbar-color: #000 #efefef;
} 
html {
  
  scrollbar-width: auto;      /* auto | thin | none */
  scrollbar-color: #888 #f1f1f1; /* thumb | track */

}