@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#0f2f27;
  --felt:#123c2f;
  --felt-dark:#0a2019;
  --brass:#c08a4e;
  --brass-light:#e0b578;
  --cream:#f6efe2;
  --cream-2:#efe6d4;
}

html{scroll-behavior:smooth;}

body{
  font-family:'Manrope', sans-serif;
  background-color:var(--cream);
  color:var(--ink);
}

.font-display{ font-family:'Fraunces', serif; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--cream-2); }
::-webkit-scrollbar-thumb{ background:var(--brass); border-radius:6px; }

.chip-divider{
  background-image: radial-gradient(circle, var(--brass) 1.5px, transparent 1.6px);
  background-size: 14px 14px;
  height:6px;
  opacity:.55;
}

.card-hover{ transition: transform .35s ease, box-shadow .35s ease; }
.card-hover:hover{ transform: translateY(-6px); box-shadow: 0 20px 40px -18px rgba(15,47,39,.45); }

.fade-up{ animation: fadeUp .7s ease both; }
@keyframes fadeUp{
  from{ opacity:0; transform: translateY(18px); }
  to{ opacity:1; transform: translateY(0); }
}

[x-cloak]{ display:none !important; }

.underline-brass{
  position:relative;
}
.underline-brass::after{
  content:"";
  position:absolute;
  left:0; bottom:-10px;
  width:56px; height:3px;
  background:var(--brass);
}

.hero-overlay{
  background: linear-gradient(180deg, rgba(10,32,25,.35) 0%, rgba(10,32,25,.55) 55%, rgba(10,32,25,.92) 100%);
}

.nav-shadow{ box-shadow: 0 10px 30px -18px rgba(0,0,0,.5); }