/* Top Lawyer Match — brand + recognition tokens
   Additive to assets/css/top-lawyer-match.css. Colour MEANING is fixed; see
   ../BADGE-SEMANTICS.md before changing any value here. */

:root {
  /* ---- Core identity (Meridian). No gold. ---- */
  --brand-ink:          #111827; /* MATCH — decision layer, masthead, dark grounds */
  --brand-ink-raised:   #1c2436;
  --brand-ink-rule:     #2b3446; /* hairline rules on ink grounds */
  --brand-indigo:       #3F46A5; /* INTERACTION only — buttons, links, focus */
  --brand-indigo-dark:  #2c3279;
  --brand-lift:         #7C83E8; /* indigo family, for use ON ink grounds */
  --brand-ivory:        #F8F6F1; /* LAWYER — attorney content, page canvas */
  --brand-white:        #FFFFFF;

  /* ---- Recognition only. Never on product chrome. ---- */
  --rec-gold:           #C6A15B; /* gold on ink grounds */
  --rec-gold-ink-light: #7A5E20; /* gold-family TEXT on light grounds — AA on
                                    #FFFFFF (5.5:1) and #F1EFE9 (5.2:1).
                                    Do NOT use #8A6A28: 4.38:1 on ivory, fails. */
  --rec-gold-wash:      #FDFAF3; /* certificate stock */

  /* ---- Neutrals ---- */
  --brand-body:         #4A5265;
  --brand-body-on-ink:  #C7CBD4;
  --brand-label:        #6B6455; /* small uppercase labels on light — AA at 10px */
  --brand-rule:         #E6E2D8;
  --brand-rule-strong:  #DDD8CD;
  --brand-paid-ink:     #6B6455; /* claimed/enhanced tag text */
  --brand-paid-rule:    #A9A293; /* claimed/enhanced tag border (dotted) */

  /* ---- Homepage 1A redesign ---- */
  --brand-indigo-light: #EEF0FF; /* match-chip fill, strong match */
  --brand-indigo-border:#C3C8F5;
  --brand-panel-text:   #E4E6FB; /* body copy on indigo panels */
  --brand-muted:        #5b6475;

  /* Slate = "some factors match". Deliberately NOT indigo: a partial match must
     not borrow the interaction colour, or it reads as a recommendation. */
  --brand-slate-fill:   #EEF0F3;
  --brand-slate-border: #cfd5df;
  --brand-slate-ink:    #3d4656;
  --brand-slate-bar:    #8b95a7;

  --brand-error:        #b3261e;
  --brand-error-wash:   #fdf3f2;
  --brand-sponsored:    #F1EEE7; /* warm ground, sponsored cards only */

  /* ---- Type ---- */
  --brand-font-display: "Instrument Sans", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --brand-font-ui:      "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Wordmark is LIVE TEXT, not artwork. "Match" is set in the display face. */
.tlm-wordmark {
  font-family: var(--brand-font-ui);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--brand-ink);
  white-space: nowrap;
}
.tlm-wordmark em { /* wraps the word "Match" */
  font-family: var(--brand-font-display);
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.015em;
}
.tlm-wordmark--reverse { color: var(--brand-white); }