/* ============================================================
   BASE — light element defaults so specimens & kits inherit
   the brand voice without per-file boilerplate.
   ============================================================ */
:root {
  color-scheme: light;
}

.pl-root,
body.pl {
  background: var(--bg-page);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: var(--fw-regular);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Eyebrow / section label — a recurring brand device:
   small, uppercase, wide-tracked, copper or muted. */
.pl-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--text-accent);
}

/* Display + heading helpers */
.pl-display {
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-heading);
}
.pl-heading {
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  line-height: var(--leading-snug);
  color: var(--text-heading);
}

/* The thin dashed/solid gold flourish framing a word (logo motif) */
.pl-flourish {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--gold-500);
}
.pl-flourish::before,
.pl-flourish::after {
  content: "";
  width: 38px;
  height: 1px;
  background: currentColor;
}

::selection {
  background: var(--gold-300);
  color: var(--navy-900);
}