@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700&display=swap");

:root {
  --accent: #cfb53b;
  --accent-deep: #a99028;
  --text: #f7f5ef;
  --muted: #c7c4bb;
  --line: rgba(255, 255, 255, 0.11);
  --radius-xl: 20px;
  --radius-lg: 14px;
  --radius-md: 9px;
}

body {
  font-family: "DM Sans", sans-serif;
  background:
    radial-gradient(circle at 85% 5%, rgba(207, 181, 59, 0.08), transparent 24%),
    linear-gradient(180deg, #151515, #101010 60%, #171717);
}

h1, h2, h3,
.brand-title,
.hero h1,
.hero h2,
.section-heading h2 {
  font-family: "Plus Jakarta Sans", "DM Sans", sans-serif;
  text-transform: none;
}

.site-header {
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.site-nav {
  border-color: rgba(255,255,255,.1);
  background: rgba(18,18,18,.88);
}

.site-nav a:hover,
.site-nav a.is-current,
.nav-highlight-link {
  color: #cfb53b;
}

.nav-highlight-link,
.button-primary {
  border-color: #cfb53b;
  background: #cfb53b;
  color: #111;
}

.page-intro-card,
.page-intro-visual,
.service-card,
.reference-card,
.contact-card,
.collection-card,
.about-value,
.mood-card {
  border-color: rgba(255,255,255,.1);
}

.eyebrow,
.card-label,
.brand-kicker {
  color: #cfb53b;
}

.site-footer {
  border-top-color: rgba(207,181,59,.22);
  background: #111;
}