/* Globális változók definiálása */
:root {
  --primary: #f08923;

  --text-1: #050505;
  --text-2: #212121;
  --text-3: #898989;
  --text-4: #7a7a7a;
  
  --footer-1: rgba(255, 255, 255, 0.6);
  --footer-1-hover: rgba(255, 255, 255, 0.7);
  --footer-2: rgba(255, 255, 255, 0.8);
  --footer-2-hover: rgba(255, 255, 255, 0.9);
}

/* Kijelölés színe */
::selection {
  color: white;
  background: var(--primary);
}

/* Betűtípusok */
.overpass-200 {
  font-family: "Overpass", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.overpass-300 {
  font-family: "Overpass", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.overpass-400 {
  font-family: "Overpass", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.overpass-500 {
  font-family: "Overpass", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.overpass-600 {
  font-family: "Overpass", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.overpass-700 {
  font-family: "Overpass", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.roboto-200 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.roboto-300 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.roboto-400 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.roboto-500 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.roboto-600 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.roboto-700 {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.roboto-slab-200 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.roboto-slab-300 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.roboto-slab-400 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.roboto-slab-500 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.roboto-slab-600 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.roboto-slab-700 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.custom-divider {
  width: 100px;
  height: 10px;
  overflow: hidden;
}

.lines {
  width: 100px;
height: 10px;
background-image: repeating-linear-gradient(
-50deg,
grey 1px,
transparent 2px,
transparent 4px,
grey 5px
);
background-color: white; /* Háttérszín */
}