/* Velvique — shared styles */

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

:root{
  --obsidian:#090b0a;
  --obsidian-2:#101413;
  --obsidian-3:#161c1a;
  --jade:#1f6f5c;
  --jade-light:#3ba888;
  --jade-dim:#123a30;
  --brass:#c9a24c;
  --brass-light:#e6c987;
  --brass-dim:#7a6229;
  --ivory:#f4efe2;
  --mist:#aab5b0;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  background-color:var(--obsidian);
  color:var(--ivory);
  font-family:'Sora',sans-serif;
}

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

.text-ivory{color:var(--ivory);}
.text-mist{color:var(--mist);}
.text-brass{color:var(--brass);}
.text-brass-light{color:var(--brass-light);}
.text-jade-light{color:var(--jade-light);}

.bg-obsidian{background-color:var(--obsidian);}
.bg-obsidian-2{background-color:var(--obsidian-2);}
.bg-obsidian-3{background-color:var(--obsidian-3);}
.bg-jade{background-color:var(--jade);}
.bg-brass{background-color:var(--brass);}

.border-brass{border-color:var(--brass);}
.border-jade{border-color:var(--jade);}

.grain{
  position:relative;
}
.grain::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.05;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=");
}

.btn-brass{
  background:linear-gradient(135deg,var(--brass-light),var(--brass));
  color:var(--obsidian);
  font-weight:600;
  letter-spacing:.02em;
  transition:transform .25s ease, box-shadow .25s ease;
}
.btn-brass:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px -10px rgba(201,162,76,.6);
}

.btn-outline{
  border:1px solid var(--brass);
  color:var(--brass-light);
  transition:background .25s ease,color .25s ease;
}
.btn-outline:hover{
  background:var(--brass);
  color:var(--obsidian);
}

.card-hover{
  transition:transform .4s ease, box-shadow .4s ease;
}
.card-hover:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 50px -20px rgba(0,0,0,.7);
}

.divider-brass{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--brass),transparent);
}

.nav-link{
  position:relative;
  color:var(--mist);
  transition:color .2s ease;
}
.nav-link:hover, .nav-link.active{color:var(--brass-light);}
.nav-link::after{
  content:"";
  position:absolute;left:0;bottom:-4px;
  width:0;height:1px;
  background:var(--brass);
  transition:width .25s ease;
}
.nav-link:hover::after{width:100%;}

.badge-jade{
  background:var(--jade-dim);
  color:var(--jade-light);
  border:1px solid var(--jade);
}

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

::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:var(--obsidian);}
::-webkit-scrollbar-thumb{background:var(--brass-dim);border-radius:10px;}

.hero-overlay{
  background:linear-gradient(180deg, rgba(9,11,10,.35) 0%, rgba(9,11,10,.65) 55%, rgba(9,11,10,.96) 100%);
}

.section-overlay{
  background:linear-gradient(180deg, rgba(9,11,10,.2), rgba(9,11,10,.85));
}

.gold-number{
  font-family:'Fraunces',serif;
  color:var(--brass-light);
}

.chip-dot{
  width:6px;height:6px;border-radius:999px;background:var(--brass);
}