/*
Theme Name: Palma Communities
Theme URI: https://palmacommunities.com/
Description: Purpose-built Hello Elementor child theme for Palma Communities.
Author: Palma Holding
Template: hello-elementor
Version: 1.0.0
Text Domain: palma-communities
*/

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-XLight.woff2") format("woff2");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("assets/fonts/Gotham-Ultra.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "UtileDisplay";
  src: url("assets/fonts/UtileDisplay-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --palma-brown: #3b3835;
  --palma-blue-grey: #68839a;
  --palma-warm: #ece8e3;
  --palma-stone: #8b8681;
  --palma-soft-grey: #d9d9d9;
  --palma-white: #ffffff;
  --palma-content-width: 1175px;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--palma-warm);
  color: var(--palma-brown);
  font-family: "Gotham", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3 {
  font-family: "UtileDisplay", Georgia, serif;
  font-weight: 400;
}

::selection {
  background: var(--palma-blue-grey);
  color: var(--palma-white);
}

:focus-visible {
  outline: 2px solid var(--palma-blue-grey);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}