/* ============================================================
   Circi — Theme · Steel Slate + Warm Sand
   Cool-grey primary with a warm sand accent — premium clinical
   that still keeps the warm-paper character of the default.
   ============================================================ */

:root {
  /* Primary: Steel Slate */
  --navy:        #334155;     /* slate-700 */
  --navy-deep:   #1E293B;     /* slate-800 */
  --navy-2:      #475569;
  --navy-3:      #64748B;

  /* Ink */
  --ink:         #0F172A;
  --ink-2:       #475569;
  --ink-3:       #94A3B8;

  /* Surfaces — warm paper preserved */
  --rule:        #E5E7EB;
  --rule-soft:   #F1F1ED;
  --paper:       #FAF7F2;     /* warm sand-tinted off-white */
  --paper-2:     #F2EDE4;     /* deeper sand */
  --surface:     #FFFFFF;
  --surface-2:   #F8F6F1;

  /* Secondary accent: Warm Sand / Brass (replaces teal) */
  --teal:        #B08D57;     /* warm brass */
  --teal-deep:   #8C6E40;
  --teal-ink:    #5B4625;
  --teal-soft:   #F2E8D6;

  /* Accent: Sage Green (success / confirmations) */
  --success:      #4D8866;
  --success-deep: #3B6B50;
  --success-soft: #E1EFE6;
  --success-ink:  #285339;
}

/* ===== Avatars ===== */
.directory .card .av.teal,
.testimonials .q-avatar.teal {
  background: linear-gradient(135deg, #B08D57, #8C6E40) !important;
  color: #fff !important;
}
.directory .card .av.navy,
.testimonials .q-avatar.navy {
  background: linear-gradient(135deg, #475569, #1E293B) !important;
  color: #fff !important;
}
.directory .card .av.plum,
.testimonials .q-avatar.plum {
  background: linear-gradient(135deg, #6B5B73, #3D3245) !important;
  color: #fff !important;
}
.testimonials .q-avatar.gold {
  background: linear-gradient(135deg, #C19A4B, #8B6E2F) !important;
  color: #fff !important;
}
.testimonials .q-avatar.sage {
  background: linear-gradient(135deg, #6B8B7E, #3D5C50) !important;
  color: #fff !important;
}

/* ===== Translucent accent mixes ===== */
.site-footer .newsletter .nl-form:focus-within {
  box-shadow: 0 0 0 4px rgba(176,141,87,0.16);
}
.directory .chip.consult { border-color: rgba(176,141,87,0.34); }
.trust .pi-ico { border-color: rgba(176,141,87,0.28); }
.trust .statement-glyph .gtile { border-color: rgba(176,141,87,0.28); }
.statement-card p.statement-body .em,
.trust p.statement-body .em {
  background: linear-gradient(180deg, transparent 64%, rgba(176,141,87,0.32) 64%) !important;
}

/* ===== Billing chip ===== */
.directory .chip.billing {
  background: var(--success-soft) !important;
  color: var(--success-ink) !important;
  border-color: rgba(77,136,102,0.32) !important;
}
.directory .chip.billing svg { color: var(--success-deep) !important; }

/* ===== GP CTA ===== */
.built .col.gp .col-cta .button {
  background: var(--teal);
  color: #fff !important;
}
.built .col.gp .col-cta .button:hover { background: var(--teal-deep); }

/* ===== Hero sheen ===== */
.hero {
  background:
    radial-gradient(900px 380px at 50% 0%, rgba(176,141,87,0.06), transparent 70%),
    var(--paper);
}

/* ===== Ghost button + footer hairlines ===== */
.btn-ghost { border-color: rgba(51,65,85,0.22) !important; }
.btn-ghost:hover { background: rgba(51,65,85,0.04) !important; }
.site-footer .newsletter {
  border-top-color: rgba(51,65,85,0.10);
  border-bottom-color: rgba(51,65,85,0.10);
}