:root {
	--color-bg: #010101;
	--color-hero: #D3AB67;
	--color-card: #1A1A1A;
	--color-text: #FFFFFF;
	--font-heading: 'Eurostile', sans-serif;
	--font-body: 'Eurostile LT Std', sans-serif;
  }
  
  /* Import Fonts */
  @font-face {
	font-family: 'Eurostile';
	src: url('../fonts/eurostile/Eurostile-Regular.woff2') format('woff2'),
		 url('../fonts/eurostile/Eurostile-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Eurostile';
	src: url('../fonts/eurostile/EUROSTILE-BOLD.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Eurostile LT Std';
	src: url('../fonts/eurostile-lt-std/EUROSTILELTSTD.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
  }
  .site-background {
	background: radial-gradient(
	  ellipse 60% 160% at 75% 1%,
	  #3a3a3a 0%,
	  #1b1b1b 30%,
	  #000000 85%
	);
	  position: relative;
  perspective: 1000px;
  overflow: hidden;
  }
  html, body {
	overflow-x: hidden;
  }
  
  /* Smooth in-page scrolling */
  html { scroll-behavior: smooth; }

  /* Offset for fixed header on small screens when jumping to anchors */
  section[id] { scroll-margin-top: 90px; }
  @media (min-width: 769px) {
    section[id] { scroll-margin-top: 120px; }
  }