/* ============================================================
   Enrich Global Relationships, identity layer.
   "Evening Room", chosen 8 September 2026.

   Loaded AFTER collective.css and overrides its tokens only. The
   Collective's stylesheet is untouched, so this whole identity is
   reversible by removing one link tag per page.

   Why it exists: both sites were loading the same collective.css,
   the same cyan on the same near-black, so Relationships read as
   the Collective wearing different words. This moves the ground
   off cold near-black onto a warm dark that has red and yellow in
   it, and the accent off neon cyan onto lamplight. A consulting
   room in the evening rather than a technology product.

   Variable names are inherited. --teal is the primary accent
   whatever its hue, so no component rule had to be rewritten.
   ============================================================ */

:root {
  --bg: #15100e;
  --card-bg: #1e1815;
  --card-bg-soft: #29211c;

  /* Warm ivory, not pure white, which glares on a dark ground. */
  --text: #f7f1e8;
  --text-soft: #ded3c6;
  --text-muted: #a99b8d;
  --text-dim: #8b7f73;

  --teal: #e0a95c;
  --orange: #c96a3c;
  --purple: #9b7bc4;

  --wash-rose: rgba(201, 106, 60, 0.08);
  --wash-violet: rgba(155, 123, 196, 0.06);
  --wash-teal: rgba(224, 169, 92, 0.05);
  --wash-amber: rgba(224, 169, 92, 0.08);

  /* Fraunces is warmer and more solid than Cormorant, which goes
     fragile at hero sizes. Cormorant stays as the fallback. */
  --font-serif: 'Fraunces', 'Cormorant Garamond', Georgia, serif;

  --shadow-soft: 0 14px 50px rgba(0, 0, 0, 0.55);
  --shadow-glow: 0 0 70px rgba(224, 169, 92, 0.06);
}

.nav {
  background: rgba(21, 16, 14, 0.88);
  border-bottom: 1px solid rgba(247, 241, 232, 0.08);
}

.nav-login,
.nav-toggle {
  border-color: rgba(247, 241, 232, 0.24);
}

/* Amber is light enough that the filled button needs dark text. */
.nav-cta { color: #15100e; }
.btn-primary { color: #15100e; }

.track-card,
.companion-card,
.included-item,
.assess-card,
.quiz-card {
  background: var(--card-bg);
  border: 1px solid rgba(247, 241, 232, 0.07);
}

.track-asks { border-top-color: rgba(247, 241, 232, 0.1); }

h1 { font-weight: 500; letter-spacing: -0.015em; }
h2, h3 { font-weight: 500; }