/* ============================================================
   TerraMind — product token layer
   Sits on top of the TerraBite design system (colors_and_type).
   Source of truth: "TerraMind Brand Guidelines v2" (Claude Design
   project "TerraMind Design Refinement").
   ------------------------------------------------------------
   TerraMind owns the SLATE corner of the TerraBite palette.
   Mark: slate walls + dot, teal route. Solid fills only —
   never the parent teal→green gradient, never a recolored route.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root {
  /* --- TerraMind brand ------------------------------------ */
  --tm-slate:       #2F485A;  /* walls, dot, "Mind", headings   */
  --tm-teal:        #2FA99A;  /* the route; links + CTAs        */
  --tm-cyan:        #10B4BC;  /* Collect escalation accent ONLY */
  --tm-ink:         #2D2D2D;  /* "Terra", body text, mono mark  */

  --tm-slate-deep:  #243745;  /* hover on slate surfaces        */
  --tm-teal-hover:  #28998B;
  --tm-teal-press:  #1F8275;

  /* --- Verdict semantics (report UI) ---------------------- */
  --tm-verified:    #2FA99A;  /* CONFIRMED / match              */
  --tm-fix:         #F0BE3E;  /* FIX / corrected                */
  --tm-reject:      #C30A6C;  /* REJECT / phantom               */
  --tm-unverified:  #8B98A0;  /* UNVERIFIED / low confidence    */
  --tm-collect:     var(--tm-cyan); /* escalated to Collect     */

  /* --- Surfaces ------------------------------------------- */
  --tm-bg:          #FFFFFF;
  --tm-bg-soft:     #F4F7F9;  /* cool off-white, slate tint     */
  --tm-bg-mist:     #EDF2F5;  /* pale slate surface (cards)     */
  --tm-surface-ink: var(--tm-slate);  /* dark headers/nav       */
  --tm-line:        #DCE5EA;
  --tm-focus-ring:  rgba(47, 169, 154, 0.35);

  /* --- Type ----------------------------------------------- */
  --tm-font: 'Montserrat', ui-sans-serif, system-ui, -apple-system, Arial, sans-serif;
  --tm-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}

/* Wordmark: "Terra" ink + "Mind" slate (on light) ----------- */
.tm-wordmark        { font: 700 1em/1 var(--tm-font); letter-spacing: -0.02em; color: #1A1A1A; }
.tm-wordmark .mind  { color: var(--tm-slate); }
/* On slate/dark: "Terra" white + "Mind" route teal — never plain white */
.tm-wordmark-dark       { font: 700 1em/1 var(--tm-font); letter-spacing: -0.02em; color: #FFFFFF; }
.tm-wordmark-dark .mind { color: var(--tm-teal); }

.tm-eyebrow {
  font: 700 12px/1 var(--tm-font);
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--tm-slate);
}

.tm-btn-primary {
  background: var(--tm-teal); color: #fff;
  font: 600 14px/1 var(--tm-font);
  border: none; border-radius: 8px; padding: 10px 18px; cursor: pointer;
}
.tm-btn-primary:hover  { background: var(--tm-teal-hover); }
.tm-btn-primary:active { background: var(--tm-teal-press); }
.tm-btn-primary:focus-visible { outline: 3px solid var(--tm-focus-ring); outline-offset: 1px; }