@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/bebas-neue-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/raleway-variable.woff2") format("woff2");
}

:root {
  --color-primary: #f39325;
  --color-wine: #652113;
  --color-black: #171717;
  --color-white: #ffffff;
  --color-cream: #fdf7f1;
  --color-muted: #f5f5f5;

  --font-heading: "Bebas Neue", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Raleway", "Segoe UI", system-ui, -apple-system, sans-serif;

  --radius-lg: 40px;
  --radius-md: 20px;
  --radius-sm: 10px;

  --shadow-soft: 0 16px 40px rgba(0, 0, 0, 0.16);
  --container-max: 1434px;
  --pva-orange: #f39325;
  --pva-orange-bg: #f7a23a;
  --pva-brown: #652113;
  --pva-white: #fff;

  --corridor: clamp(90px, 7vw, 140px);
  --mapW: clamp(280px, 30vw, 520px);
  --panelRadius: 39px;
  --panelMinH: clamp(520px, 58vw, 660px);
}