/* ============================================================
   Circi — Theme · Neutral Linear (Minimal)
   Pure neutral greys with one bright teal accent.
   Linear-style restraint — premium, very calm.
   ============================================================ */

:root {
  /* Primary: Near-black for type, no chroma */
  --navy:        #18181B;     /* zinc-900 */
  --navy-deep:   #09090B;
  --navy-2:      #27272A;
  --navy-3:      #52525B;

  /* Ink — true greys */
  --ink:         #18181B;
  --ink-2:       #52525B;
  --ink-3:       #A1A1AA;

  /* Surfaces — clean cool neutral */
  --rule:        #E4E4E7;
  --rule-soft:   #F4F4F5;
  --paper:       #FAFAFA;
  --paper-2:     #F4F4F5;
  --surface:     #FFFFFF;
  --surface-2:   #FAFAFA;

  /* Single accent: Bright Teal (used very sparingly) */
  --teal:        #14B8A6;
  --teal-deep:   #0F9488;
  --teal-ink:    #115E59;
  --teal-soft:   #CCFBF1;

  /* Success — keep neutral, just slightly green */
  --success:      #10B981;
  --success-deep: #059669;
  --success-soft: #D1FAE5;
  --success-ink:  #064E3B;
}

/* ===== Avatars — quieter, more uniform tones ===== */
.directory .card .av.teal,
.testimonials .q-avatar.teal {
  background: linear-gradient(135deg, #14B8A6, #0F9488) !important;
  color: #fff !important;
}
.directory .card .av.navy,
.testimonials .q-avatar.navy {
  background: linear-gradient(135deg, #27272A, #09090B) !important;
  color: #fff !important;
}
.directory .card .av.plum,
.testimonials .q-avatar.plum {
  background: linear-gradient(135deg, #52525B, #27272A) !important;
  color: #fff !important;
}
.testimonials .q-avatar.gold {
  background: linear-gradient(135deg, #71717A, #3F3F46) !important;
  color: #fff !important;
}
.testimonials .q-avatar.sage {
  background: linear-gradient(135deg, #A1A1AA, #52525B) !important;
  color: #fff !important;
}

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

/* ===== Billing chip — neutral grey with subtle green ===== */
.directory .chip.billing {
  background: var(--success-soft) !important;
  color: var(--success-ink) !important;
  border-color: rgba(16,185,129,0.28) !important;
}
.directory .chip.billing svg { color: var(--success-deep) !important; }

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

/* ===== Hero — almost no sheen, very minimal ===== */
.hero {
  background:
    radial-gradient(900px 380px at 50% 0%, rgba(24,24,27,0.03), transparent 70%),
    var(--paper);
}

/* ===== Ghost button + footer hairlines ===== */
.btn-ghost { border-color: rgba(24,24,27,0.18) !important; }
.btn-ghost:hover { background: rgba(24,24,27,0.04) !important; }
.site-footer .newsletter {
  border-top-color: rgba(24,24,27,0.08);
  border-bottom-color: rgba(24,24,27,0.08);
}