/* PrimeTriad pro-polish — calm institutional tokens (2026-09-19)
   Scott: “gold standard” = professional quality, NOT more gold paint.
   Brand #d4a017 only where it already matches mark/merch CTAs/active.
   No new gold gradients. SiteTalk owns HTML/nav wiring + SFTP.
*/

:root {
  /* Type contrast — AA on #0a0809 */
  --text: #f4efe8;
  --text-muted: #c4b8b0;   /* ~10:1 — secondary labels */
  --text-dim: #a89890;     /* ~7.2:1 — was #7a6a64 (~3.9, fail AA) */

  /* Brand gold — reserve for mark-adjacent use only */
  --accent: #d4a017;
  --accent-hover: #e8b82a;

  /* Shared chrome */
  --header-h: 4.25rem;
  --nav-gap: 0.35rem;
  --nav-link-pad-y: 0.4rem;
  --nav-link-pad-x: 0.7rem;
  --lockup-mark: 40px;
  --lockup-gap: 0.65rem;
  --chrome-border: rgba(58, 42, 44, 0.55);
  --chrome-bg: rgba(10, 8, 9, 0.88);

  /* Quieter focus — gold ring OK (existing brand), keep thin */
  --focus-ring: 0 0 0 2px var(--bg, #0a0809), 0 0 0 4px rgba(212, 160, 23, 0.55);
}

/* One lockup: 40px mark + solid cream Syne wordmark (no gradient paint) */
.brand-lockup,
.logo,
.brand,
.topbar .brand {
  display: inline-flex;
  align-items: center;
  gap: var(--lockup-gap);
  text-decoration: none;
  color: var(--text);
  min-width: 0;
}

.brand-lockup img,
.logo-mark,
.brand img,
.logo-img {
  width: var(--lockup-mark);
  height: var(--lockup-mark);
  object-fit: contain;
  flex-shrink: 0;
  /* Soften theatrical drop-shadows */
  filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.35));
}

.brand-word,
.logo-text,
.brand-text h1 {
  font-family: var(--display, "Syne", "DM Sans", system-ui, sans-serif);
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
  line-height: 1.15;
  /* Calm: solid cream — keep gold for CTAs/active, not wordmark paint */
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: var(--text) !important;
}

.logo-tagline,
.brand-tagline {
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--text-dim);
  max-width: 18rem;
  line-height: 1.25;
}

/* Shared header chrome */
.site-header,
.topbar,
header.site-chrome {
  height: var(--header-h);
  background: var(--chrome-bg);
  border-bottom: 1px solid var(--chrome-border);
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
}

.site-nav,
.nav-links,
nav[aria-label="Site nav"],
nav[aria-label="Primary"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--nav-gap);
}

.nav-link,
.nav-links a,
nav[aria-label="Site nav"] a,
nav[aria-label="Primary"] a {
  padding: var(--nav-link-pad-y) var(--nav-link-pad-x);
  font-size: 0.8125rem;
  font-weight: 550;
  letter-spacing: 0.01em;
  color: var(--text-muted);
  border-radius: 999px;
  text-decoration: none;
  border-bottom: none;
  background: transparent;
  transition: color 0.18s ease, background 0.18s ease;
}

.nav-link:hover,
.nav-links a:hover,
nav[aria-label="Site nav"] a:hover {
  color: var(--text);
  background: rgba(30, 22, 24, 0.65);
}

.nav-link.is-active,
.nav-link[aria-current="page"],
nav a.active,
.nav-links a[aria-current="page"] {
  color: var(--text);
  background: rgba(30, 22, 24, 0.85);
  box-shadow: inset 0 -2px 0 var(--accent); /* thin gold underline only */
}

/* Primary CTA in nav — solid gold fill already ship-C; keep, don’t gradient */
.nav-link--cta,
.nav-links a.nav-cta {
  color: #0a0809;
  background: var(--accent);
  font-weight: 650;
}
.nav-link--cta:hover,
.nav-links a.nav-cta:hover {
  color: #0a0809;
  background: var(--accent-hover);
  box-shadow: none;
}

/* Icon restraint — hide decorative emoji/unicode in chrome if present */
.site-header .emoji,
.topbar .emoji,
.nav-link .emoji,
[data-decor-icon] {
  display: none !important;
}

/* Optional: quieter status pills */
.status-pill,
.chip,
.badge {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 0.2rem 0.55rem;
}