/* ── Global brand variables ── */
:root {
  --gold: #C9A84C;
  --gold-lt: #F2E4B8;
  --gold-dk: #8B6914;
  --ink: #1A1510;
  --ink2: #3D3020;
  --mist: #F7F4EE;
  --dusk: #2C1F3E;
  --dusk2: #4A3560;
  --rose: #8B3A5A;
}

/* ── Google Fonts loaded via functions.php ── */
h1, h2, h3, h4, h5, h6,
.site-branding .site-title,
.tj-serif {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

body {
  font-family: 'DM Sans', sans-serif;
  background-color: var(--mist);
  color: var(--ink);
}

.main-navigation a { color: var(--dusk) !important; text-transform: uppercase; font-size: 13px; letter-spacing: 0.05em; }

/* ── Utility classes used in the homepage template ── */
.tj-eyebrow {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold-dk);
  margin-bottom: 12px;
  display: block;
}

.tj-gold { color: var(--gold); }

.tj-btn-primary {
  display: inline-block;
  background: var(--gold);
  color: var(--ink);
  padding: 13px 32px;
  border-radius: 2px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  transition: opacity .2s;
}
.tj-btn-primary:hover { opacity: .88; color: var(--ink); }

.tj-btn-ghost {
  display: inline-block;
  border: 1px solid rgba(201,168,76,0.4);
  color: var(--gold);
  padding: 13px 32px;
  border-radius: 2px;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 0.04em;
  transition: border-color .2s;
}
.tj-btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

.tj-btn-dark {
  display: block;
  text-align: center;
  background: var(--dusk);
  color: #fff;
  padding: 11px 20px;
  border-radius: 2px;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.04em;
  transition: background .2s;
}
.tj-btn-dark:hover { background: var(--dusk2); color: #fff; }

.tj-btn-gold {
  display: block;
  text-align: center;
  background: var(--gold);
  color: var(--ink);
  padding: 11px 20px;
  border-radius: 2px;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.04em;
  font-weight: 500;
  transition: background .2s;
}
.tj-btn-gold:hover { background: var(--gold-dk); color: #fff; }